@charset "UTF-8";

@font-face {
  font-family: 'xiangxia';
  src: url('../font/xiangxia.woff2?t=1660225163884') format('woff2'),
       url('../font/xiangxia.woff?t=1660225163884') format('woff'),
       url('../font/xiangxia.ttf?t=1660225163884') format('truetype');
}

.xiangxia {
  font-family: "xiangxia" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.header-container,
.index-container,
.ny-container {
margin: 0 auto;
padding: 0 15px;
}

@media (min-width: 768px) {
.header-container, .index-container, .ny-container {
width: 750px;
}
}

@media (min-width: 992px) {
.header-container, .index-container, .ny-container {
width: 970px;
}
}

@media (min-width: 1260px) {
.header-container, .index-container, .ny-container {
width: 1230px;
}
}

@media (min-width: 1460px) {
.header-container, .index-container, .ny-container {
width: 1430px;
}
}

@media (min-width: 1680px) {
.header-container, .index-container {
width: 1630px;
}
}

@media(min-width:1920px) {
.header-container {
width: 1750px;
}
}

:root {
--theme-color: #f3981e;
}





.header {
/* background-color: #fff; */
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 100;
/* border-bottom: 1px solid rgba(255,255,255,0.1); */
}

.header {
/* -moz-transition: all .5s;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s; */
}

.pageScroll.header {
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}

.header.scroll {
box-shadow: 1px 1px 10px rgba(0,0,0,.3);
border-bottom: none;
background-color: #fff;
}

.header.ny .navbar .navbar-a {
color: #333;
}

.header.scroll .navbar .navbar-a {
color: #333;
}

.header.ny .header-logo1,
.header.scroll .header-logo1 {
display: block;
}

.header.ny .header-logo {
display: block;
}

.header.scroll .header-logo {
display: block;
}

.header.scroll .nav-search,
.header.scroll .nav-loading,
.header.scroll .header-wrap .tool {
height: 80px;
line-height: 80px;
}

.header.scroll .header-wrap .logo {
margin-top: 12px;
}

.header.scroll .search-box {
top: 80px;
}

.header.scroll .header-logo {
display: block;
}

.header.scroll .header-logo1 {
display: none;
}

.header.scroll .header-wrap .navbar-togger {
padding: 28px 0;
}

.header.scroll .nav-search {
background: url(../images/search2.png)no-repeat center;
}

.header.scroll .nav-search:hover {
background: url(../images/search2.png)no-repeat center;
}

.header.scroll .tool-lan span,
.header.scroll .tool-lan .icon-down {
color: #333;
}

.header.scroll .tool-lan,
.header.scroll .tool-lan:hover {
background: none;
}

.header.scroll .header-wrap {
line-height: 80px;
}

.header-wrap {
line-height: 88px;
transition: all 0.5s;
}

.header-wrap .logo {
float: left;
margin-top: 24px;
display: inline-block;
opacity: 1;
transition: all 0.5s;
}

.header-wrap .logo h1 {
font-size: 0;
float: left;
}

.header-wrap .tool {
float: right;
}



.header-wrap .navbar-togger {
padding: 43px 0;
margin-left: 72px;
transition: all 0.5s;
}

.header-wrap .navbar-togger .icon_bar {
background-color: #009d85;
width: 32px;
height: 4px;
border-radius: 2px;
}

.header-wrap .navbar-togger .icon_bar:nth-of-type(2) {
margin: 6px 0;
}

/* ?????? */
.nav-search {
background: url(../images/search.png)no-repeat center;
position: relative;
float: right;
height: 88px;
padding: 0px 26px;
}

.tool-lan .icon-down {
font-size: 12px;
margin-left: 4px;
color: #fff;
}

.tool-lan {
background: none;
position: relative;
padding: 0px 26px;
}

.tool-lan span {
font-size: 16px;
color: #fff;
}

.tool-lan ul {
display: none;
position: absolute;
top: 100%;
left: 50%;
width: 200%;
transform: translateX(-50%);
box-shadow: 0 0 20px rgba(0, 0, 0, .06);
}

.tool-lan li {
line-height: 45px;
text-align: center;
}

.tool-lan ul a {
font-size: 16px;
display: inline-block;
background-color: #fff;
width: 100%;
}

.tool-lan ul a:hover {
color: #f3981e;
}

.tool-lan:hover ul {
display: block;
}







.search-box {
position: absolute;
top: 100px;
right: 0;
width: 320px;
opacity: 0;
height: 0;
overflow: hidden;
transition: all .3s;
}

.search-footer .search,
.nav-search .search {
background-color: #fff;
border: 1px solid #777;
border-right: 1px solid transparent;
color: #777;
padding: 0 10px;
width: 260px;
height: 46px;
float: left;
display: inline-block;
}

.search-footer .search {
width: 230px;
border: 1px solid #a7a7a7;
border-right: 1px solid transparent;
}

.search-footer .butt,
.nav-search .butt {
float: left;
width: 60px;
height: 46px;
display: inline-block;
background: url(../images/search.png)no-repeat center;
background-color: #009d85;
}

.search-footer .butt {
width: 59px;
background: url(../images/emall.png)no-repeat center #333;
}

.search-footer:hover .butt {
background-color: #009d85;
}

.nav-search:hover .search-box {
opacity: 1;
height: 52px;
}

/* ??????? */
.navbar {
color: #f3981e;
float: right;
margin-right: 65px;
opacity: 1;
}

.navbar .navbar-ul {
}

.navbar .navbar-li {
float: left;
padding: 0 15px;
}

.navbar .navbar-a {
color: #fff;
display: block;
position: relative;
padding: 0 11px;
}

.navbar .navbar-li:hover .navbar-a,
.navbar .navbar-li.active .navbar-a {
color: #009d85;
z-index: 33;
font-weight: bold;
}


.navbar .navbar-li .navbar-a::after,
.navbar .navbar-li .navbar-a::after {
transition: all 0.5s;
transform: translateX(-50%);
content: "";
display: block;
background-color: #f3981e;
position: absolute;
bottom: 0;
left: 50%;
width: 0%;
height: 3px;
}

/* .navbar .navbar-li:hover .navbar-a::after,
.navbar .navbar-li.active .navbar-a::after{width: 100%;} */


/* .navbar .navbar-li.max-drop:hover , .navbar .navbar-li.max-drop.active {background-color: #f3981e;} */
.navbar .navbar-li.max-drop.active::after,
.navbar .navbar-li.max-drop:hover::after {
width: 0%;
}

.navbar-li {
position: relative;
}

.max-drop {
position: static;
}

.dropmenu-two,
.dropmenu {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
z-index: 0;
background: #fff;
max-height: 0;
opacity: 0;
/* overflow: hidden; */
transition: max-height .5s;
border: none;
color: #303233;
/* width: 120%; */
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
height: auto;
padding: 0;
display: none;
}

.navbar-li:hover .dropmenu {
display: block;
}

.max-drop .dropmenu {
width: 100%;
border-top: 1px solid #dee5ed;
}

.nav-PCmenu li:hover .dropmenu-two,
.navbar-li:hover .dropmenu {
max-height: 800px;
opacity: 1;
}
/* ???????????????? */

.dropmenu li > a {
padding: 0 20px;
display: block;
font-size: 16px;
color: #666;
line-height: 59px;
border-top: solid 1px #efefef;
text-align: center;
white-space: nowrap;
/* width: 100%; */
height: auto;
background: 0 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
min-width: 150px;
}

.dropmenu li:hover a {
background-color: #f3981e;
color: #fff;
border-top: solid 1px #f3981e;
}

.dropmenu-two {
top: 0%;
left: 100%;
transform: none;
padding: 36px 0;
width: 300%;
box-shadow: none;
padding: 0 20px;
text-align: left;
}





/* ?????????????? */
.header.black {
background: #fff;
box-shadow: 1px 1px 10px rgba(0,0,0,.3);
}

.header.black.ny {
box-shadow: none;
}

.header.black .navbar-a {
color: #333;
}

.header-logo1 {
display: block;
float: left;
}

.header-logo {
display: none;
}

.header-logo.black {
display: block;
}

.header-logo1.black {
display: none;
}

.header-wrap .search.black {
background: url(../images/search1.png)no-repeat center right;
}



.footer {
}

.footer .logo h1 {
font-size: 0;
}

.footer-wrap {
position: relative;
padding: 46px 0 47px;
}

.footer-left {
float: left;
}

.bott-share {
margin-top: 26px;
margin-left: 10px;
}

.footer-center {
float: left;
width: 90%;
}

.footer-center dl {
float: left;
width: 12.4%;
}

.footer-center a {
color: #fff;
}

.footer-center dt {
margin-bottom: 22px;
color: #fff;
}

.footer-center dd {
margin-bottom: 10px;
opacity: 0.3;
font-size: 16px;
color: #fff;
}

.footer-right {
float: right;
text-align: center;
}

.footer-right p {
color: #fff;
margin-top: 9px;
}

.fooo {
display: none;
}

.mod_service {
border-top: 1px solid #2d2d32;
padding: 26px 0 27px;
text-align: left;
}

.mod_service p a,
.mod_service p {
color: #606062;
}

.mod_service .ny-right {
text-align: right;
}

.fooo h4,
.mod_service .ny-right h4 {
color: #f3981e;
font-size: 28px;
font-weight: bold;
}

.footer-center dt:hover,
.footer-center dd:hover {
opacity: 1;
}

.footer-center dt:hover a {
color: #f3981e;
}


@media (max-width: 1919px) {
.navbar .navbar-li {
padding: 0 22px;
}

.navbar {
margin-left: 110px;
}
}

@media (max-width: 1679px) {
.navbar .navbar-li {
padding: 0 21px;
}

.navbar {
margin-left: 80px;
}

.navbar .navbar-a {
padding: 0;
}
}

@media (max-width: 1459px) {
/* .navbar .navbar-li{padding: 0 20px;} */
.dropmenu li > a {
padding: 0 6px;
line-height: 48px;
}

.navbar {
margin-left: 70px;
}

.navbar .navbar-ul {
margin-right: -14px;
}

.navbar .navbar-li {
padding: 0 16px;
}

.dropmenu ul .dropmenu-item .dropmenu-right {
padding-left: 30px;
}

.dropmenu ul .dropmenu-item .ztyw-img {
margin-right: 30px;
}

.dropmenu ul .dropmenu-item .ztyw-font {
width: 54%;
}

.dropmenu ul .dropmenu-item:nth-child(3),
.dropmenu ul .dropmenu-item {
padding: 25px 0;
}

.header-wrap {
line-height: 80px;
}

.nav-search,
.nav-loading {
height: 80px;
line-height: 80px;
}

.header-wrap .logo {
margin-top: 12px;
}

.search-box {
top: 80px;
}

.header-logo,
.header-logo1 {
width: 140px;
margin-top: 7px;
}


.bshare-custom a {
margin-right: 10px;
}

.footer-wrap {
padding: 60px 0 50px;
}
}

@media (max-width: 1259px) {
.navbar {
margin-right: 0;
}

.navbar .navbar-ul {
margin-right: -6px;
}

.navbar .navbar-li {
padding: 0 10px;
}

.navbar .navbar-a {
padding: 0 2px;
}

.nav-search, .nav-loading {
margin-right: 20px;
}

.footer-wrap {
padding: 50px 0 45px;
}

.mod_service .ny-right,
.footer-center {
display: none;
}

.fooo {
display: block;
}

.footer-right {
width: 100%;
text-align: left;
}
}

@media (max-width: 991px) {
.mod_service {
padding: 20px 0 65px;
}
}

@media (max-width: 767px) {
.footer-right img {
width: 90px;
}

.fooo h4 {
margin-top: 10px;
font-size: 22px;
}
}

@media (max-width: 400px) {
}

@media (max-width: 321px) {
}


@media (max-width: 1459px) {
}

@media (max-width: 1259px) {
.footer-wrap {
padding: 58px 0 40px;
}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
.footer-wrap {
padding: 40px 0 30px;
}
}







.header-app {
background: #f3981e;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
z-index: 500;
-webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header.open-PCmenu,
.header-app.open-menu {
height: 100%;
background: #fff;
-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header-app .logo {
float: left;
vertical-align: middle;
padding: 17px 12px;
display: flex;
justify-content: space-between;
align-items: center;
}

.header-app .logo img {
width: 100px;
}

.header-app .right-box {
padding-left: 10px;
}

.header-app .red-txt {
font-size: 14px;
}

.header-app .black-txt {
font-size: 12px;
}

.navbar-app {
position: relative;
-webkit-box-shadow: 3px 0 15px 0 rgba(0, 0, 0, .2);
box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
height: 60px;
text-align: center;
background: #fff;
}

.navbar-togger {
float: right;
background: transparent;
border: none;
padding: 22px 15px;
display: inline-block;
visibility: visible;
transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}

.navbar-togger .icon_bar {
width: 24px;
height: 2px;
background-color: #f3981e;
opacity: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.navbar-togger .icon_bar:nth-of-type(2) {
margin: 5px 0;
}

.open-PCmenu .navbar-togger .icon_bar:nth-of-type(2),
.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
opacity: 0;
}

.open-menu .navbar-togger .icon_bar:first-child {
-webkit-transform: translate(0, 7px) rotate(45deg);
-ms-transform: translate(0, 7px) rotate(45deg);
transform: translate(0, 7px) rotate(45deg);
}

.open-menu .navbar-togger .icon_bar:last-child {
-webkit-transform: translate(0, -7px) rotate(-45deg);
-ms-transform: translate(0, -7px) rotate(-45deg);
transform: translate(0, -7px) rotate(-45deg);
}

.nav-menu {
position: absolute;
top: 60px;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: 620;
padding: 20px 15px;
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
-webkit-transition: visibility 0s linear 1s;
-o-transition: visibility 0s linear 1s;
transition: visibility 0s linear 1s;
}

.header.open-PCmenu .nav-PCmenu,
.header-app.open-menu .nav-menu {
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.nav-list li {
border-bottom: 1px solid #cfcfcf;
opacity: 0;
pointer-events: none;
}

.nav-list li.open {
border-bottom: none;
}

.header.open-PCmenu .nav-list li,
.header-app.open-menu .nav-list li {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}

.nav-list li:nth-child(1) {
-webkit-transform: translateY(-44px);
-ms-transform: translateY(-44px);
transform: translateY(-44px);
transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
}

.header.open-PCmenu .nav-list li:nth-child(1),
.header-app.open-menu .nav-list li:nth-child(1) {
transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
}

.nav-list li:nth-child(2) {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;
}

.header.open-PCmenu .nav-list li:nth-child(2),
.header-app.open-menu .nav-list li:nth-child(2) {
transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;
}

.nav-list li:nth-child(3) {
-webkit-transform: translateY(-36px);
-ms-transform: translateY(-36px);
transform: translateY(-36px);
transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;
}

.header.open-PCmenu .nav-list li:nth-child(3),
.header-app.open-menu .nav-list li:nth-child(3) {
transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;
}

.nav-list li:nth-child(4) {
-webkit-transform: translateY(-32px);
-ms-transform: translateY(-32px);
transform: translateY(-32px);
transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;
}

.header.open-PCmenu .nav-list li:nth-child(4),
.header-app.open-menu .nav-list li:nth-child(4) {
transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;
}

.nav-list li:nth-child(5) {
-webkit-transform: translateY(-28px);
-ms-transform: translateY(-28px);
transform: translateY(-28px);
transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;
}

.header.open-PCmenu .nav-list li:nth-child(5),
.header-app.open-menu .nav-list li:nth-child(5) {
transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;
}

.nav-list li:nth-child(6) {
-webkit-transform: translateY(-24px);
-ms-transform: translateY(-24px);
transform: translateY(-24px);
transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;
}

.header.open-PCmenu .nav-list li:nth-child(6),
.header-app.open-menu .nav-list li:nth-child(6) {
transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;
}

.nav-list li:nth-child(7) {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
}

.header.open-PCmenu .nav-list li:nth-child(7),
.header-app.open-menu .nav-list li:nth-child(7) {
transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
}

.nav-list li:nth-child(8) {
-webkit-transform: translateY(-16px);
-ms-transform: translateY(-16px);
transform: translateY(-16px);
transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;
}

.header.open-PCmenu .nav-list li:nth-child(8),
.header-app.open-menu .nav-list li:nth-child(8) {
transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;
}

.cate-item {
position: relative;
}

.cate-item a {
font-size: 16px;
line-height: 48px;
margin-right: 60px;
display: block;
color: #444;
}

.nav-list li.active .cate-item a,
.nav-list li.open .cate-item a {
color: #009d85;
}

.category-cont a:last-child {
border: none;
}

.category-cont a.active {
color: #009d85;
}

.category-tig {
font-size: 14px;
color: #888;
text-align: right;
line-height: 48px;
width: 50px;
height: 48px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.category-tig::before,
.category-tig::after {
content: '';
background: #888;
position: absolute;
top: 50%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.category-tig::before {
width: 16px;
height: 2px;
right: 0;
margin-top: -1px;
}

.category-tig::after {
width: 2px;
height: 16px;
margin-top: -8px;
right: 7px;
}

.nav-list li.open .category-tig::after {
opacity: 0;
}

.nav-list li.open .category-tig::before {
background: #f3981e;
}

.category-cont {
display: none;
}

.nav-list li.open .category-cont {
display: block;
border-top: solid 1px #cfcfcf;
border-bottom: solid 1px #cfcfcf;
}

.category-pad {
padding: 0 15px;
}

.category-cont a {
line-height: 40px;
border-bottom: 1px solid #cfcfcf;
display: block;
color: #666;
}

.category-pad a.active {
color: #f3981e;
}

.app-sousuo {
line-height: 22px;
border-right: solid 1px #f3981e;
padding-right: 15px;
color: #f3981e;
float: right;
font-size: 22px !important;
margin-top: 19px;
}

.alert-search {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
top: 0;
left: 0;
z-index: 9999;
}

.alert-top {
height: 60px;
background: #fff;
padding: 10px 15px;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.alert-top .text {
border-radius: 0px;
height: 40px;
background: none;
border: solid 1px rgba(0, 0, 0, 0.1);
width: 80%;
float: left;
color: #666;
padding: 0 10px;
}

.alert-top .search {
background: url(../images/icon-search.png) no-repeat center;
width: 10%;
height: 26px;
float: left;
margin-top: 7px;
}

.alert-top span {
color: #666;
float: right;
font-size: 20px !important;
margin-top: 8px;
width: 10%;
text-align: center;
}

.app-lanu {
text-align: center;
margin-top: 20px;
}

.app-lanu a {
display: inline-block;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
color: #333;
}

.app-lanu a.on {
background: #f3981e;
color: white;
border-radius: 30px;
}

.app-search {
margin-bottom: 15px;
border: 1px solid #f3981e;
}

.app-search input {
width: 86%;
line-height: 38px;
height: 38px;
font-size: 16px;
line-height: 38px;
color: #afafaf;
padding: 0 12px;
}

.app-search button {
width: 38px;
float: right;
height: 38px;
text-align: center;
line-height: 38px;
}

.app-search i {
font-size: 20px !important;
color: #888;
cursor: pointer;
}

.app-sousuo {
line-height: 22px;
color: #f3981e;
float: right;
font-size: 22px !important;
margin-top: 19px;
}


.foot-app {
width: 100%;
background: #dee5ed;
padding: 0 15px;
display: none;
}

.foot-app .footer-tit {
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.foot-app .open .footer-tit a {
color: #333;
}

.foot-app .footer-tit a {
font-size: 16px;
color: #333;
line-height: 48px;
margin-right: 48px;
display: block;
}

.foot-app .footer-tig {
font-size: 14px;
color: #fff;
text-align: right;
line-height: 48px;
width: 20px;
height: 48px;
position: absolute;
right: 0px;
top: 0;
z-index: 2;
}

.foot-app .footer-tig::before,
.foot-app .footer-tig::after {
content: '';
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 50%;
transition: all .3s;
left: 50%;
}

.foot-app .footer-tig::before {
width: 18px;
height: 2px;
margin-left: -8px;
}

.foot-app .footer-tig::after {
width: 2px;
height: 18px;
margin-top: -8px;
}

.foot-app .footer-item.open .footer-tig::after {
opacity: 0;
}

.foot-app .footer-item.open .footer-tig::before {
background: rgba(0, 0, 0, 0.4)
}

.foot-app .footer-cont {
display: none;
border: solid 1px rgba(0, 0, 0, 0.2);
border-top: 0;
padding: 0 15px;
}

.foot-app .footer-cont a {
line-height: 40px;
color: #333;
display: block;
font-size: 14px;
border-bottom: dashed 1px rgba(0, 0, 0, 0.4);
}

.foot-app .footer-cont a:last-child {
border: none;
}

.foot-app .footer-item.open .footer-cont a.active {
color: #e94609;
}

.foot-app .footer-top {
padding: 25px 0;
}

.foot-app .footer-right {
width: 100%;
float: left;
}

.foot-app .footer-right p {
color: #fff;
line-height: 22px;
}

.foot-app .bshare {
float: none;
text-align: center;
margin-top: 15px;
}

.foot-app .bshare a {
margin-left: 15px;
}


.foot-app .footer-input {
}

.foot-app .search-input {
background-color: #fff;
border: 1px solid #fff !important;
}

.foot-app .search-butt {
background-color: #fff;
border: 1px solid #fff;
}

.foinfo-left {
float: left;
width: 50%;
}

.foinfo-right {
float: right;
width: 50%;
}

.footer-info h4 {
color: #333333;
margin-bottom: 16px;
font-weight: 700;
}

.foot-app .share-box {
margin-top: 12px;
margin-bottom: 10px;
}

.mod_service_app p {
color: #fff;
}

.mod_service_app p a {
color: #fff;
}

.mod_service_app {
padding-bottom: 15px;
}

@media(max-width: 1459px) {
}


@media(max-width: 1259px) {
.header-logo, .header-logo1 {
width: 180px;
}

.header {
display: none !important;
}

.header-app {
display: block !important;
}
}

@media(max-width: 1204px) {
}

@media(max-width: 991px) {
}

@media (max-width: 767px) {
.app-sousuo {
padding-right: 10px;
}

.header-app .logo img {
width: 80px;
}

.header-app .logo {
padding: 13px 12px;
}

.tool-lan {
background: url(../images/diq1.png)no-repeat center;
float: left;
height: 60px;
}

.tool-che {
background: url(../images/shangc1.png)no-repeat center;
float: left;
height: 60px;
}

.tool-lan:hover {
background: url(../images/diq.png)no-repeat center;
}

.tool-che:hover {
background: url(../images/shangc.png)no-repeat center;
}
}

@media (max-width: 639px) {
}

@media (max-width: 370px) {
}









.footer-input .search-input {
color: #999;
border: 1px solid #707070;
float: left;
font-family: 'AK-LIGHT';
height: 45px;
width: 240px;
padding: 0 8px;
display: inline-block;
border-radius: 5px 0 0 5px;
}

.footer-input .search-butt {
background: url(../images/sent.png)no-repeat center;
float: left;
border-radius: 5px;
display: inline-block;
height: 45px;
width: 60px;
;
background-color: #f3981e;
border-radius: 0 5px 5px 0;
cursor: pointer;
}

.drop-nav {
position: relative;
display: block;
}

.nav-top {
position: relative;
height: 52px;
line-height: 52px;
border-bottom: solid 1px #dee5ed;
}

.nav-top .nav-a {
color: #333;
font-size: 16px;
display: block;
padding: 0px 20px 0 45px;
}

.nav-top .nav-more {
font-size: 16px;
color: #333;
text-align: center;
transition: all .5s;
line-height: 52px;
width: 45px;
height: 52px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}

.nav-bot {
top: 48px;
left: 0;
width: 100%;
display: none;
}

.nav-bot .nav-item {
}

.nav-bot {
z-index: 99;
}

.nav-more.open {
transform: rotateZ(90deg);
opacity: 1;
}

.nav-a.active {
}

.nav-top.one .nav-more {
left: 15px;
}

.nav-top.one .nav-a {
padding: 0 20px 0 55px;
}

.nav-top.second {
padding: 0 20px 0 65px;
}

.iframe-nav .nav-top.one .nav-more {
left: 0;
}

.iframe-nav .nav-top.second {
padding: 0 20px 0 54px;
}

.iframe-nav .nav-top.three {
padding: 0 20px 0 65px;
}


.com-file {
}

.com-file-ul {
margin: 0 -25px;
}

.com-file-ul li {
float: left;
width: 50%;
padding: 0 25px;
margin-bottom: 19px;
}

.com-file-item {
border: 1px solid #e5e5e5;
padding: 20px 30px;
}

.com-file-item img {
float: left;
margin-right: 24px;
}

.com-file-item .file-font {
padding: 23px 0 20px;
float: left;
}

.com-file-item h4 {
color: #444;
}

.com-file-item p {
color: #888;
margin-top: 9px;
}

.btn-3d {
width: 50px;
height: 50px;
perspective: 800px;
position: relative;
display: block;
transition: all 1s;
}

.btn-box {
transform: preserve-3d;
-webkit-transform-style: preserve-3d;
}

.btn-item {
width: 50px;
height: 50px;
position: absolute;
}

.btn-left {
transform: rotateY(-90deg);
transition: all 0.5s;
background: url(../images/btn-3d.jpg)no-repeat;
}

.btn-center {
transition: all 0.5s;
background: url(../images/btn-3d2.png)no-repeat;
}

.com-file-ul li:hover .btn-left,
.pro-box-ul li:hover .btn-left {
transform: rotateY(0deg);
}

.com-file-ul li:hover .btn-center,
.pro-box-ul li:hover .btn-center {
transform: rotateY(90deg);
}

.down-bth {
float: right;
margin: 20px 0;
transition: all 2s;
}

.btn-font {
display: block;
color: #666;
border: 1px solid #999;
width: 200px;
height: 50px;
line-height: 50px;
text-align: center;
position: relative;
}

.pro-box-ul li:hover .btn-font {
color: #f3981e;
border: 1px solid #f3981e;
}



.com-page {
font-family: 'Open Sans';
text-align: center;
}

.com-page a {
width: 180px;
background-color: #f1f3f6;
display: block;
height: 50px;
line-height: 50px;
}

.com-page span {
position: relative;
color: #666;
z-index: 33;
}

.page-cent {
display: inline-block;
vertical-align: top;
margin: 0 7px;
}

.page-cent img {
width: 100%;
}

.page-prev,
.page-next {
display: inline-block;
position: relative;
}

.page-c i,
.page-prev i,
.page-next i {
font-weight: 700;
margin: 0 3px;
color: #666;
position: relative;
z-index: 33;
}

.page-next::before,
.page-prev::after {
transition: all 0.5s;
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 0%;
height: 100%;
background-color: #f3981e;
}

.page-next::before {
left: 0;
}

.page-next:hover::before,
.page-prev:hover::after {
width: 100%;
}

.page-next:hover span,
.page-prev:hover span {
color: #fff;
}

.page-next:hover i,
.page-prev:hover i {
color: #fff;
}

.swiper-button-next.com-butt, .swiper-button-prev.com-butt {
background: url(../images/arrow.png)no-repeat center !important;
width: 58px !important;
height: 58px !important;
border-radius: 50% !important;
border: 4px solid #fff;
}

.swiper-button-prev.com-butt {
transform: rotateZ(180deg);
}

.com-butt1.swiper-button-next {
right: 24.7%;
}

.com-butt1.swiper-button-prev {
transform: rotate(180deg);
left: 24.7%;
}

.com-butt1.swiper-button-next:hover,
.com-butt1.swiper-button-prev:hover {
background: rgba(255, 255, 255, 0.1) url(../images/arrow2.png)no-repeat center !important;
}

.com-butt1.swiper-button-next:hover {
transform: rotate(180deg);
}

.com-butt1.swiper-button-prev:hover {
transform: rotate(0deg);
}

.swiper-button-next.com-butt1, .swiper-button-prev.com-butt1 {
width: 60px !important;
height: 60px !important;
background: rgba(255, 255, 255, 0.1) url(../images/arrow1.png)no-repeat center !important;
}


.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0.4 !important;
}


.com-nav {
text-align: center;
}

.com-nav-ul {
display: inline-block;
margin: 50px 0 45px;
}

.com-nav-ul li {
float: left;
padding: 0 10px;
}

.com-nav-item {
}

.com-nav-item a {
color: #f3981e;
text-align: center;
display: block;
width: 200px;
height: 40px;
line-height: 37px;
border: 1px solid #f3981e;
border-radius: 20px;
position: relative;
overflow: hidden;
}

.com-nav-item a span {
position: relative;
z-index: 33;
}

.com-nav-item a::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: #fff;
transition: all 0.5s;
}

.com-nav-item a:hover::after {
height: 100%;
background: #f3981e;
}

.com-nav-item a:hover span {
color: #fff !important;
}

.com-nav-item a.active span {
color: #fff !important;
}

.com-nav-item a.active {
background: #f3981e;
}

.com-ul {
margin: 0 -12px;
font-size: 0;
}

.com-ul li {
width: 33.33%;
padding: 0 12px;
display: inline-block;
vertical-align: top;

}

.news .com-ul li {
width: 33.33%;
padding: 0 12px;
display: inline-block;
vertical-align: top;
margin-bottom: 2%;
}

.com-ul-item {
box-shadow: 1px 1px 10px 10px rgba(0, 0, 0, .04);
}

.com-ul-img {
overflow: hidden;
}

.com-ul-img img {
width: 100%;
transition: all 1s;
}

.com-ul-font {
text-align: center;
background-color: #fff;
}

.com-ul-font h4 {
}

.com-ul-font p {
color: #333;
}

.com-ul-item:hover img {
transform: scale(1.05);
}

.com-ul-item:hover p {
color: #f3981e;
}

.com-pag-ul {
display: inline-block;
}

.com-pag-ul li {
float: left;
margin: 0 5px;
}

.com-pag-item {
}

.com-pag-item a {
width: 46px;
height: 46px;
text-align: center;
line-height: 46px;
transition: all .5s;
display: block;
background-color: #f1f3f6;
color: #999;
font-family: 'Open Sans';
}

.com-pag-item i {
font-weight: 700;
font-size: 14px;
}

.com-pag-item a.active {
background-color: #f3981e;
color: #fff;
}

.com-pag-item a:hover {
background-color: #f3981e;
color: #fff;
}

.com-pagination1.swiper-pagination {
width: 100% !important;
bottom: 15px !important;
}

.com-pagination.swiper-pagination {
width: 100% !important;
bottom: 40px !important;
}

.com-pagination .swiper-pagination-bullet {
background-color: #fff;
width: 20px;
height: 6px;
border-radius: 0 !important;
opacity: 1 !important;
border-radius: 3px !important;
margin: 0 2px;
}

.com-pagination .swiper-pagination-bullet-active {
width: 40px;
position: relative;
}

.com-pagination .swiper-pagination-bullet-active::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 6px;
background: #f3981e;
border-radius: 3px !important;
transition: all 8s;
animation: swipermove 8s linear;
}

.com-pagination .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px !important;
}

.com-pagination1 .swiper-pagination-bullet {
width: 11px;
height: 11px;
border-radius: 50% !important;
margin: 0 5px;
border: 2px solid #fff;
background-color: transparent;
opacity: 1;
}

.com-pagination1 .swiper-pagination-bullet-active {
background-color: #fff;
}

@keyframes swipermove {
0% {
width: 0%;
}

100% {
width: 100%;
}
}


.bgz-left {
float: left;
width: 49.23%;
}

.bgz-item {
display: block;
position: relative;
}

.bgz-font p {
margin-top: 6px;
}

.bgz-font {
position: absolute;
bottom: 0;
padding: 28px 46px 41px;
color: #fff;
width: 100%;
}

/* bgz-font */
.bgz-right {
float: right;
width: 49.23%;
}

.bgz-rt {
margin-bottom: 21px;
}

.bgz-img img {
width: 100%;
transition: all 1s;
}

.bgz-bott-ul {
margin-top: 38px;
}

.bgz-bott-ul li {
float: left;
width: 49.23%;
}

.bgz-bott-ul li:last-child {
float: right;
}

.bgz-bott-ul .bgz-font h4 {
color: #000;
}

.bgz-bott-ul .bgz-font p {
color: #151214;
}

.bgz-img {
overflow: hidden;
}

.bgz-item:hover img {
transform: scale(1.05);
}





.com-icon {
text-align: center;
}

.icon-img {
font-size: 0;
position: relative;
width: 125px;
height: 125px;
margin: auto;
overflow: hidden;
border-radius: 50%;
}

.icon-img::after {
position: absolute;
top: 0;
right: 0;
background-color: #f3981e;
content: "";
display: inline-block;
border-radius: 50%;
width: 100%;
height: 100%;
transform: translateX(100%);
transition: all 0.5s;
}

.icon-img img {
transition: all 0.5s;
width: 100%;
}

.icon-img .icon-img1 {
border: 2px solid #f3981e;
border-radius: 50%;
}

.icon-img .icon-img2 {
transform: translateX(-100%);
position: absolute;
top: 0;
left: 0;
z-index: 11;
}

.com-icon:hover .icon-img .icon-img2 {
transform: translateX(0%);
}

.com-icon:hover .icon-img::after {
transform: translateX(0%);
}

.icon-font p {
color: #666;
}


.com-btn span {
position: relative;
z-index: 33;
}

.com-btn {
color: #333;
border: 2px solid #959697;
display: inline-block;
padding: 6px 32px;
position: relative;
}

.com-btn::after {
transition: all 0.5s;
content: "";
display: block;
background-color: #f3981e;
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
}

.com-btn:hover {
border: 2px solid transparent;
}

.com-btn:hover span {
color: #fff;
}

.com-btn:hover::after {
width: 100%;
}



.form-ul {
margin: 0 -5px;
}

.form-ul li {
float: left;
padding: 0 5px;
width: 33.33%;
margin-bottom: 10px;
}

.form-ul li:nth-child(4) {
width: 50%;
}

.form-ul li:nth-child(5) {
width: 50%;
}

.form-ul-item {
background-color: #fff;
line-height: 40px;
padding-left: 20px;
}

.form-ul label {
color: #666;
display: inline-block;
}

.form-ul input {
width: 90%;
color: #999;
font-size: 16px;
}

.com-form textarea {
background-color: #fff;
resize: none;
line-height: 45px;
padding-left: 20px;
padding-top: 1px;
font-size: 16px;
display: block;
width: 100%;
color: #999;
height: 118px;
}

.form-btn a {
display: block;
transition: all 1s;
padding: 14px 58px;
display: block;
color: #f3981e;
margin: 30px auto 0;
border: 1px solid #f3981e;
}

.form-btn a:hover {
background-color: #f3981e;
color: #fff;
}


textarea::-webkit-input-placeholder {
color: #525252;
}

textarea:-moz-placeholder {
color: #525252;
}

textarea::-moz-placeholder {
color: #525252;
}

textarea::-ms-input-placeholder {
color: #525252;
}

input::-webkit-input-placeholder { /* WebKit browsers */
color: #525252;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #525252;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #525252;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #525252;
}

.yzm-box input::-webkit-input-placeholder,
.form-ul input::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
}

.yzm-box input:-moz-placeholder,
.form-ul input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
}

.yzm-box input::-moz-placeholder,
.form-ul input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}

.yzm-box input::-moz-placeholder
.form-ul input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
}

.yzm-box {
margin-top: 10px;
}

#yzm {
background-color: #fff;
line-height: 45px;
padding-left: 20px;
height: 45px;
font-size: 16px;
}

#random {
font-size: 24px;
font-style: italic;
text-align: center;
vertical-align: bottom;
width: 120px;
margin: 0 24px;
background-color: #fff;
line-height: 45px;
height: 45px;
}

.yzm-box a {
color: #666666;
display: inline-block;
font-size: 16px;
}

.form-btn {
text-align: left;
margin-top: 23px;
}

.form-btn input {
position: relative;
display: inline-block;
width: 113px;
font-size: 16px;
letter-spacing: 4px;
text-align: center;
height: 33px;
line-height: 33px;
background-color: #f3981e;
color: #fff;
}


input[type="radio"] + label::before {
content: "\a0";
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin-right: 10px;
border-radius: 0;
text-indent: .15em;
margin-bottom: 4px;
border: 1px solid #f3981e;
border-radius: 50%;
}

input[type="radio"]:checked + label::before {
background-color: #f3981e;
background-clip: content-box;
padding: 0px;
border: 1px solid #f3981e;
}

input[type="radio"] {
position: absolute;
clip: rect(0, 0, 0, 0);
}

.radio-inline {
padding-left: 0;
}

input[type=radio][disabled]:checked + label::before {
background-color: #CCCCCC;
background-clip: content-box;
padding: 0px !important;
border: 1px solid #f3981e !important;
}

@media (max-width:1459px) {
.form-btn {
margin-top: 40px;
}
}


@media (max-width:767px) {
.form-ul li {
width: 100%;
}

#yzm {
background-color: #fff;
line-height: 50px;
padding-left: 20px;
height: 50px;
width: 63%;
max-width: 180px;
}

#random {
margin: 20px 0 0;
width: 35%;
font-size: 20px;
}

.yzm-box a {
font-size: 14px;
margin-top: 10px;
}

.form-btn {
margin-top: 30px;
}

.form-btn input {
width: 120px;
height: 40px;
line-height: 38px;
font-size: 14px;
}
}


.com-ztyw {
display: block;
}

.ztyw-img {
float: left;
overflow: hidden;
}

.ztyw-img img {
width: 100%;
transition: all 1s
}

.ztyw-font {
float: left;
}


.com-swxt {
display: block;
position: relative;
}

.swxt-img {
overflow: hidden;
}

.swxt-img img {
width: 100%;
transition: all 1s;
}

.swxt-font {
text-align: center;
color: #333;
}


.scrollbar {
overflow-y: auto;
padding-right: 5px;
}

.scrollbar::-webkit-scrollbar {
width: 3px;
background-color: #dcdbdb;
}

.scrollbar::-webkit-scrollbar-thumb {
background-color: #f3981e;
border-radius: 10px;
}


.omit {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}




/*index- banner */
.ban-tit {
line-height: 100px;
font-size: 80px;
color: #fff;
font-family: 'cerab';
margin: 16px 0 68px;
letter-spacing: -4px;
}

.ban-dec {
color: #fff;
font-family: 'cera';
}

.ssline {
position: relative;
display: inline-block;
}

.ssline::after {
transition: all 0.2s;
content: "";
display: block;
margin: 20px auto 14px;
vertical-align: middle;
width: 50px;
height: 2px;
background: #f3981e;
}

.sxline {
position: relative;
}

.sxline::after {
content: "";
width: 1px;
height: 130%;
background-color: #ededed;
position: absolute;
top: -14px;
right: 0;
}

.banner-img {
text-align: right;
}

.banner-img img {
width: 53.7%;
}

.banner-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.banner-wrap {
position: absolute;
top: 53.4%;
width: 100%;
transform: translateY(-50%);
}

.index.banner .swiper-slide {
position: relative;
overflow: hidden;
}

.index.banner .app-banner {
display: none;
width: 100%;
}

.index.banner {
position: relative;
z-index: 22;
margin-top: 0;
}

.pc-banner {
width: 100%;
}

.banner-icon {
position: absolute;
bottom: 30px;
left: 50%;
text-align: center;
z-index: 1;
transform: translateX(-50%);
animation: moveline 1.5s ease-in-out infinite;
}

@keyframes moveline {
0% {
transform: translateX(-50%) translateY(-10px);
}

100% {
transform: translateX(-50%) translateY(0px);
}
}

.banner-font h4:nth-child(1) {
color: #fff;
font-size: 60px;
background: url(../images/banicon-2.png)no-repeat left;
padding-left: 40px;
height: 116px;
line-height: 102px;
margin-left: -40px;
}

.banner-font h4:nth-child(2) {
color: #fff;
font-size: 60px;
font-weight: bold;
background: url(../images/banicon-1.png)no-repeat left;
padding-left: 40px;
height: 99px;
line-height: 94px;
margin-left: -40px;
margin-top: -26px;
}

.bold {
font-weight: bold;
}

.color {
color: #f3981e;
}

.banner-font p {
color: #fff;
margin: 10px 0 48px;
}

.banner-box {
width: 100%;
text-align: left;
}

@media(max-width: 1919px) {
.banner-img img {
width: 47.5%;
}
}

@media(max-width: 1679px) {
.banner-font h4:nth-child(1) {
font-size: 50px;
height: 100px;
line-height: 90px;
background-size: auto 100%;
}

.banner-font h4:nth-child(2) {
background-size: auto 100%;
font-size: 50px;
height: 90px;
line-height: 85px;
}

.banner-img img {
width: 47%;
}
}

@media(max-width: 1459px) {
.banner-font h4:nth-child(1) {
font-size: 42px;
height: 80px;
line-height: 78px;
}

.banner-font h4:nth-child(2) {
font-size: 42px;
height: 70px;
line-height: 68px;
margin-top: -16px;
}
}

@media(max-width: 1259px) {
.index.banner {
margin-top: 60px;
}

.banner-font h4:nth-child(1) {
font-size: 34px;
height: 60px;
line-height: 60px;
}

.banner-font h4:nth-child(2) {
font-size: 34px;
height: 56px;
line-height: 56px;
margin-top: -8px;
}
}

@media(max-width: 991px) {
}

@media(max-width: 767px) {
.index.banner .app-banner {
display: block;
}

.index.banner .pc-banner {
display: none;
}

.banner-font h4:nth-child(1) {
font-size: 22px;
height: 38px;
line-height: 36px;
}

.banner-font h4:nth-child(2) {
font-size: 22px;
height: 40px;
line-height: 36px;
margin-top: 0;
}

.banner-icon,
.banner-font .index-btn,
.banner-font p {
display: none;
}

.banner-img img {
display: none;
}
}

@media(max-width: 639px) {
}

@media(max-width: 400px) {
}

@media(max-width: 321px) {
}





.ny-banner {
position: relative;
margin-top: 0;
}

.ny-banner img.ny-pc {
display: block;
width: 100%;
}

.ny-banner img.ny-app {
display: none;
}

.ny-banner .ny-app {
display: none;
}

.ny-banner .ny-app img {
width: 100%;
}

.ny-font {
width: 100%;
position: absolute;
top: 60.2%;
transform: translateY(-51%);
text-align: center;
}

.ny-header {
width: 100%;
text-align: center;
}

.ny-tit {
color: #333;
font-size: 40px;
}

.ny-dec {
color: #666;
margin-top: 13px;
}

/* DIY */
.ny-banner .ny-title .ny-tit {
font-size: 46px;
color: #fff;
}

.ny-banner .ny-title p {
color: #fff;
margin: 6px 0 -2px;
}

.nav-wrap {
position: relative;
height: 450px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.nav-header {
background-color: #fff;
height: 62px;
border-bottom: 1px solid #e2e2e2;
}

.ban-nav.left {
float: left;
}

.ban-nav .com-ul {
margin: 0;
}

.ban-nav .com-ul li {
width: auto;
height: 62px;
line-height: 60px;
margin-right: 80px;
padding: 0;
}

.ban-nav .com-ul li:last-child {
margin-right: 0;
}

.ban-nav .com-ul li a {
color: #666;
position: relative;
display: inline-block;
}

.ban-nav .com-ul li a::after {
transition: all 0.5s;
content: "";
display: inline-block;
width: 0%;
height: 3px;
background: #f3981e;
position: absolute;
bottom: -1px;
right: 0%;
}

.ban-nav .com-ul li.on a::after,
.ban-nav .com-ul li:hover a::after {
width: 100%;
left: 0%;
right: auto;
}

.ban-nav .com-ul li.on a,
.ban-nav .com-ul li:hover a {
color: #f3981e;
position: relative;
z-index: 33;
}


/* ????????????? */

.ny-mbx {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}

.com-mbx::before {
content: "";
display: inline-block;
width: 9px;
height: 12px;
vertical-align: middle;
padding-left: 12px;
margin-top: -4px;
background: url(../nav-icon.png) no-repeat center;
}

.com-mbx {
opacity: 0.6;
}

.com-mbx {
line-height: 80px;
background: url(../images/nav-icon.png)no-repeat left;
display: inline-block;
}

.com-mbx a {
color: #fff;
}

.com-mbx a:hover {
color: #f3981e;
}

.com-mbx a.active {
color: #f3981e;
}

.com-mbx span {
display: inline-block;
margin: 0 12px;
color: #fff;
}

.drop-nav {
display: none;
}

@media(max-width: 1679px) {
.ny-banner .ny-title .ny-tit {
font-size: 46px;
}
}

@media(max-width: 1459px) {
.ny-banner .ny-title .ny-tit {
font-size: 34px;
}

.nav-wrap {
height: 400px;
}

.nav-header {
height: 60px;
}

.com-mbx {
line-height: 60px;
}
}

@media(max-width: 1259px) {
.ny-banner .ny-title .ny-tit {
font-size: 30px;
}

.nav-header {
height: 45px;
}

.ban-nav .com-ul li {
height: 45px;
line-height: 45px;
}

.com-mbx {
line-height: 45px;
}

.ny-banner {
margin-top: 60px;
}

.nav-wrap {
height: 350px;
}

.ny-font {
top: 54.2%;
}
}

@media(max-width: 1024px) {
.ny-banner {
margin-top: 60px;
}
}

@media(max-width: 991px) {
.ny-banner .ny-title .ny-tit {
font-size: 28px;
}

.ny-banner {
margin-top: 60px;
}

.nav-wrap {
height: 300px;
}
}

@media(max-width: 767px) {
.ny-banner img.ny-pc {
display: none;
}

.ny-banner .ny-font {
display: block;
}

.ny-banner img.ny-app {
display: block;
width: 100%;
}

.ny-top {
margin-bottom: 10px;
}

.com-mbx {
display: none;
}

.nav-header {
display: none;
}

.ny-banner .ny-app {
display: block;
}

.drop-nav {
display: block;
}

.ny-banner .ny-title .ny-tit {
font-size: 22px;
width: 100%;
text-align: center;
}

.nav-wrap {
height: auto;
}
}

@media(max-width: 640px) {
}

@media(max-width:408px) {
}




.com-play {
width: 70px;
height: 70px;
border-radius: 50%;
z-index: 33;
background: url(../images/play2.png)no-repeat center;
transition: all 0.5s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.com-play::after {
content: "";
display: block;
background: url(../images/play1.png)no-repeat center;
width: 70px;
height: 70px;
transition: all 1.5s;
}

.com-play-bj {
position: relative;
overflow: hidden;
}

.com-play-bj::after {
transition: all 0.5s;
content: "";
display: block;
background-color: rgba(1, 2, 3, .4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media(max-width: 1679px) {
}

@media(max-width: 1459px) {
.com-play,
.com-play::after {
width: 50px;
height: 50px;
background-size: 100%;
}
}

@media(max-width: 1259px) {
}

@media(max-width: 991px) {
.com-play,
.com-play::after {
width: 40px;
height: 40px;
background-size: 100%;
}
}

@media(max-width: 767px) {
}

@media(max-width: 640px) {
}

@media(max-width: 400px) {
}

@media(max-width: 321px) {
}




.triangle {
position: relative;
}

.triangle::after {
transition: all 0.5s;
content: "";
display: inline-block;
border-left: 6px solid #f3981e;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
margin-left: 10px;
vertical-align: middle;
margin-top: -5px;
}

.triangle2 {
position: relative;
}

.triangle2::after {
transition: all 0.5s;
content: "";
display: inline-block;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 4px solid #f3981e;
position: absolute;
bottom: -4px;
left: 63px;
}


.mengban {
position: relative;
}

.mengban::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
top: 0;
left: 0;
position: absolute;
}


/* =====================index===================== */

.omit {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.omit1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.omit3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}


.bg-cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}

.com-hover {
display: inline-block;
position: relative;
background: transparent;
z-index: 1;
}

.com-hover::before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(60deg,#0086ac,#00bab4);
position: absolute;
left: 0;
bottom: 0;
transform-origin: 100%;
-webkit-transform-origin: 100%;
-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
transition: transform .4s cubic-bezier(.4,0,.2,1);
transform: scaleX(0);
-webkit-transform: scaleX(0);
visibility: hidden\9;
z-index: -1;
}

.inon-wrap li:hover .com-hover::before,
.com-hover.on::before,
.com-hover:hover::before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
transform-origin: 0%;
-webkit-transform-origin: 0%;
}

.com-hover:hover a,
.com-hover.on a {
color: #fff !important;
}


.btn {
display: inline-block;
*display: inline;
*zoom: 1;
text-decoration: none;
position: relative;
color: #333;
}

.btn16 {
position: relative;
color: #666;
overflow: hidden;
-webkit-transition: all .6s;
transition: all .6s;
}

.btn16:hover span {
color: #fff;
border-color: #56aab7;
}

.btn16 .bgsqr1 {
background: linear-gradient(60deg,#0086ac,#00bab4);
position: absolute;
width: 0;
height: 0;
border-radius: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: width .6s,height .6s;
transition: width .6s,height .6s;
z-index: -1;
left: 0\9 !important;
top: 0\9 !important;
}

.inon-wrap li:hover .btn16 .bgsqr1,
.btn16:hover .bgsqr1 {
width: 1000px;
height: 1000px;
}

.btn16 span {
position: relative;
z-index: 33;
}


.com-line {
position: relative;
}

.com-line::after {
transition: all 0.5s;
content: "";
display: block;
background-color: #f3981e;
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 1px;
}

.com-line:hover::after {
width: 100%;
}


.index-span {
font-size: 50px;
color: #eb9745;
font-family: 'Roboto';
display: inline-block;
background-image: -webkit-linear-gradient(top, #eb9745, #efad6db8,transparent);

background-clip: text;
-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

.index-tit {
font-size: 40px;
color: #333;
}

.index-dec {
color: #777;
margin-top: 10px;
}


.bold {
font-weight: bold;
font-style: normal;
}

em {
font-style: normal;
}

.pt75 {
padding-top: 75px;
}

.mb80 {
margin-bottom: 80px;
}


.line-doc {
width: 100%;
height: 1px;
background-color: #e5e5e5;
position: relative;
margin: 40px 0 37px;
}

.line-doc::before {
transition: all 0.5s;
z-index: 99;
content: "";
display: block;
background-color: #e5e5e5;
position: absolute;
bottom: 50%;
right: 50%;
width: 10px;
height: 10px;
border-radius: 50%;
transform: translate(50%,50%);
}

.line-doc::after {
transition: all 0.5s;
content: "";
display: block;
background-color: #e5e5e5;
position: absolute;
bottom: 0;
right: 50%;
width: 0%;
height: 1px;
border-radius: 50%;
z-index: -1;
}

.line-docdoc {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all 0.5s;
width: 0;
height: 0;
background-image: linear-gradient(60deg,#0086ac,#00bab4);
border-radius: 50%;
}



.button13 {
color: #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
position: relative;
display: inline-block;
/* padding: 18px 82px 17px; */
width: 250px;
text-align: center;
height: 60px;
line-height: 62px;
}

.button13 span {
position: relative;
z-index: 3;
}

.button13 a {
color: #333;
text-decoration: none;
display: block
}

.button13::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
border: 1px solid rgba(255,255,255,1);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
border-radius: 3px;
}

.button13:hover::before {
opacity: 0;
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
}

.button13::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: rgba(255,255,255,.25);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-transform: scale(.5,.5);
transform: scale(.5,.5);
border-radius: 3px;
}

.button13:hover::after {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1)
}

#message::-webkit-input-placeholder,
#message:-moz-placeholder,
#message::-moz-placeholder,
#message:-ms-input-placeholder {
color: #999;
}

/* 公共 */
.ny-left {
float: left;
}

.ny-right {
float: right;
}

.index-btn {
font-size: 16px;
color: #fff;
border: 2px solid #fff;
padding: 20px 30px;
display: inline-block;
width: 229px;
border-radius: 33px;
transition: all 0.5s;
height: 67px;
overflow: hidden;
}

.index-btn em {
width: 16px;
height: 13px;
background: url(../images/arrow.png)no-repeat center;
display: inline-block;
float: right;
transition: all 0.5s;
margin-top: 6px;
}

.index-btn:hover {
padding: 20px 65px;
}

.ny-nav1,
.ny-nav {
text-align: center;
}

.ny-nav1 li,
.ny-nav li {
display: inline-block;
vertical-align: top;
}

.ny-nav li span {
padding: 0 42px;
}

.ny-nav li:nth-child(2)::after,
.ny-nav li:nth-child(2)::before {
width: 1px;
height: 18px;
background-color: #c6c6c6;
content: "";
display: inline-block;
vertical-align: middle;
margin-top: -5px;
transform: rotateZ(20deg);
}

.ny-nav li.on span,
.ny-nav li:hover span {
font-weight: bold;
color: #f3981e;
}

.ny-nav1 li {
}

.ny-nav1 li span {
color: #666;
display: inline-block;
padding: 9px 22px 9px 23px;
border-radius: 25px;
transition: all 0.5s;
cursor: pointer;
margin: 0 16px;
}

.ny-nav1 li.on span,
.ny-nav1 li:hover span {
color: #fff;
background-color: #f3981e;
}


@media (max-width: 1459px) {
.ny-tit {
font-size: 32px;
}
}

@media (max-width: 1259px) {
.ny-tit {
font-size: 28px;
}
}

@media (max-width: 991px) {
.ny-tit {
font-size: 26px;
}
}

@media (max-width: 767px) {
.ny-tit {
font-size: 22px;
}
}


/* =========index========== */

/* index-one */
.index-one {
padding: 60px 0 78px;
}

.index-one .ny-wrap {
background: url(../images/inon-bj2.png)no-repeat 0 7px;
background-size: 100%;
padding-top: 7px;
margin-top: 36px;
}

.inon-right {
width: 65.625%;
float: right;
}

.inon-right .swiper-slide {
padding: 102px 0 98px 220px;
text-align: right;
opacity: 0.4;
}

.inon-right .swiper-slide img {
width: 100%;
transition: all 0.5s;
}

.inon-right .swiper-slide-active {
padding: 0;
opacity: 1;
}

.inon-right .swiper-slide:hover img {
transform: scale(1.05);
}

.inon-left {
margin-top: 10%;
}

.inon-left h4 {
color: #fff;
}

.inon-left p {
line-height: 30px;
color: #fff;
margin-top: 17px;
height: 94px;
margin-bottom: 12px;
-webkit-line-clamp: 3;
}

.inon-left .swiper-container {
padding-bottom: 58px;
}

.inon-left .ny-txt {
width: 80%;
}

.inon-btn {
position: absolute;
width: 156px;
margin-left: -10px;
bottom: 36px;
left: 0;
}

.inon-left .swiper-slide {
}

.inon-left .swiper-slide-active {
}


/* .index-one */
.index-one {
}

.index-one .index-dec {
line-height: 30px;
}


.index-three {
padding: 62px 0 82px;
}

.index-three .ny-wrap {
margin-top: 47px;
}

.index-three .mengban::after {
background-color: rgba(9,10,50,0.5);
}

.index-three ul {
margin: 0;
}

.index-three li {
width: 25%;
padding: 0;
overflow: hidden;
}

.index-three li img {
width: 100%;
transition: all 0.5s
}

.index-three li:hover img {
transform: scale(1.05);
}

.index-three .ny-item {
position: relative;
}

.index-three .ny-item h4 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #fff;
z-index: 11;
transition: all 0.5s
}

.index-three .ny-item h4::after {
content: "";
display: block;
background: url(../images/more.png)no-repeat center;
width: 58px;
height: 58px;
margin: auto;
opacity: 0;
transition: all 0.5s;
}

.index-three .ny-item h4::before {
content: "";
display: block;
background: url(../images/intn-i1.png)no-repeat center;
width: 78px;
height: 78px;
margin: auto;
opacity: 0;
transition: all 0.5s;
}

.index-three li:hover h4::after {
opacity: 1;
transform: translateY(79px);
}

.index-three li:hover h4::before {
opacity: 1;
transform: translateY(-28px);
}

/* index-four */
.index-four {
background: url(../images/info-bj.png)no-repeat left top;
background-size: 63.43%;
padding: 62px 0 65px;
}

.info-right {
transform: translateX(50px);
transition: all 0.5s;
}

.index-four:hover .info-right {
transform: translateX(0px);
}

.index-four .ny-header {
text-align: left;
}

.index-four .index-tit,
.index-four .index-dec {
color: #fff;
}

.index-four .ny-left {
width: 48%;
}

.index-four .ny-right {
}

.info-swiper {
height: 450px;
margin-top: 40px;
}

.info-swiper {
}

.info-swiper h4 {
display: inline-block;
font-size: 36px;
color: #fff;
font-weight: bold;
vertical-align: middle;
font-family: "hel";
}

.info-swiper h4::after {
content: "";
display: inline-block;
background: url(../images/sanjiao.png)no-repeat center;
width: 13px;
height: 16px;
vertical-align: middle;
margin: 0 18px 0 25px;
}

.info-swiper p {
color: #fff;
font-size: 16px;
line-height: 32px;
display: inline-block;
vertical-align: middle;
-webkit-line-clamp: 3;
height: 96px;
}

.info-p {
display: none;
width: 66%;
vertical-align: middle;
}

.info-swiper .swiper-slide h4 {
opacity: 0.1;
margin-top: 44px;
}

.info-swiper .swiper-slide h4::after {
opacity: 0;
}
/* .info-swiper .swiper-slide p{display: none;} */
.info-swiper .swiper-slide-active h4 {
opacity: 1;
margin-top: 22px;
}

.info-swiper .swiper-slide-active h4::after {
opacity: 1;
}

.info-swiper .swiper-slide-active .info-p {
display: inline-block;
}

.info-swiper .swiper-slide-active p {
display: -webkit-box;
transform: translateY(14px);
}

.info-swiper .swiper-button-next,
.info-swiper .swiper-button-prev {
display: none;
}

.info-swiper .swiper-container {
width: 100%;
height: 100%;
}

.info-right {
text-align: center;
}

.info-right h4 {
color: #333;
margin: 25px 0 23px;
transition: all 0.5s
}

.info-right p {
line-height: 28px;
color: #666;
width: 100%;
padding: 0 10px;
opacity: 0;
transition: all 0.5s;
font-size:17px;
}

.info-right {
background: url(../images/info-bj2.png)no-repeat right top;
margin-top: 18px;
box-shadow: 0 0 15px rgb(0 0 0 / 7%);
background-size: 66.625%;
}

.info-right li {
width: 50%;
transition: all 0.5s
}

.info-right ul {
width: 49%;
float: right;
margin: 0;
}

.info-right li:hover p {
opacity: 1;
}

.info-right li:hover {
transform: translateY(-30px);
}

.info-right .ny-item {
padding: 83px 0 0;
text-align: center;
}

.info-right li:nth-child(4) .ny-item,
.info-right li:nth-child(3) .ny-item {
padding: 70px 0 0;
}


.index-five {
padding: 56px 0 80px;
}

.index-five .ny-nav {
margin: 25px 0 40px;
}


.infi-swiper {
float: left;
width: 66.25%;
}

.infi-swiper li {
width: 50%;
padding: 0 10px;
float: right;
}

.infi-swiper ul {
margin: 0 -10px;
}

.infi-swiper:hover img {
transform: scale(1.05);
}

.infi-swiper:hover h4 {
color: #f3981e;
}

.infi-left {
position: relative;
overflow: hidden;
}

.infi-left img {
width: 100%;
transition: all 0.5s;
}

.infi-right {
}

.infi-right span {
font-family: 'Arial';
color: #666;
display: inline-block;
margin: 15px 0 41px;
}

.infi-right p {
line-height: 30px;
color: #666;
-webkit-line-clamp: 5;
margin-bottom: 44px;
height: 126px;
}

.infi-right h4 {
height: 52px;
}

.infi-right {
background: #fff;
padding: 36px 32px 74px 30px;
}

.infi-txt {
padding-left: 30px;
position: relative;
}

.infi-txt::before {
content: "";
width: 1px;
height: 100%;
border-left: 1px dashed #e3e3e3;
position: absolute;
top: 7px;
left: 6px;
}

.infi-btn span {
color: #333;
margin: 0;
}

.infi-btn em {
display: inline-block;
background: url(../images/arrow3.png )no-repeat center;
width: 16px;
height: 13px;
}

.infi-box strong {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 12px;
height: 12px;
border-radius: 50%;
border: 2px solid #ec9c4e;
display: inline-block;
background-color: #fff;
}

.infi-box {
display: none;
}

.infi-box.on {
display: block;
}

.infi-text {
float: right;
width: 33.75%;
padding-left: 20px;
}

.infi-text a {
display: block;
}

.infi-ul {
background-color: #fff;
padding: 36px 32px 30px 30px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, .06);
}

.infi-ul .ny-item {
position: relative;
padding-bottom: 48px;
}

.infi-ul li:last-child .ny-item {
padding-bottom: 0;
}

.infi-ul li:last-child .ny-item::before {
display: none;
}

.infi-ul li:hover h4 {
color: #f3981e;
}

.infi-ul h4 {
padding-left: 30px;
margin-bottom: 13px;
}

.infi-ul strong {
top: 6px;
}

.infi-ul span {
padding-left: 30px;
font-family: 'Arial';
color: #666;
display: inline-block;
}

.infi-ul .ny-item::before {
content: "";
width: 1px;
height: 100%;
border-left: 1px dashed #e3e3e3;
position: absolute;
top: 7px;
left: 6px;
}


.index-two {
padding-top: 62px;
}

.index-two .index-dec {
line-height: 30px;
}

.index-two .ny-wrap {
margin-top: 44px;
}

.index-two .ny-left {
position: relative;
width: 58.125%;
}

.index-two .ny-right img,
.index-two .ny-left img {
width: 100%;
}

.index-two .ny-right {
position: relative;
margin-left: -50%;
width: 65.437%;
}

.index-two .ny-txt {
position: absolute;
top: 50%;
left: 70px;
transform: translateY(-50%);
}

.index-two .ny-txt h4 {
color: #fff;
margin-bottom: 17px;
}

.index-two .ny-txt p {
line-height: 30px;
color: #fff;
}

.index-two .ny-right .ny-txt {
left: 26.5%;
width: 62%;
}



@media (max-width: 1919px) {
.index-four {
background-size: 63.43% 100%;
}
}

@media (max-width: 1679px) {
.index-btn {
padding: 14px 30px;
width: 200px;
height: 55px;
}

.index-btn:hover {
padding: 14px 48px;
}

.inon-right .swiper-slide {
padding: 96px 0 0 188px;
}

.inon-right .swiper-slide-active {
padding: 0;
}

.info-right {
background-size: 62.625%;
margin-top: 0;
}

.info-right h4 {
margin: 10px 0;
}

.info-right p {
line-height: 26px;
}

.info-swiper {
margin: 46px 0 0;
height: 306px;
}

.index-four {
padding: 50px 0;
}

.info-right .ny-item {
padding: 52px 0 0;
}

.info-right .ny-item img {
width: 70px;
}

.info-right li:nth-child(3) .ny-item {
padding: 56px 0 0;
}

.info-right ul {
margin-bottom: -18px;
}

.infi-right p {
margin-bottom: 20px;
}

.infi-right {
padding: 36px 32px 46px 30px;
}

.infi-ul .ny-item {
padding-bottom: 33px;
}

.infi-ul {
padding: 36px 32px 32px 30px;
}
}

@media (max-width: 1459px) {
.index-five {
padding: 56px 0 60px;
}

.index-three {
padding: 50px 0 60px;
}

.index-two {
padding-top: 50px;
}

.index-one {
padding: 50px 0;
}

.inon-left {
margin-top: 8%;
}

.index-one .ny-wrap {
margin-top: 22px;
}

.index-span {
font-size: 42px;
}

.index-tit {
font-size: 36px;
}

.swiper-button-next.com-butt, .swiper-button-prev.com-butt {
width: 50px !important;
height: 50px !important;
border: 2px solid #fff;
}

.inon-right .swiper-slide {
padding: 78px 0 0 155px;
}

.inon-right .swiper-slide-active {
padding: 0;
}

.index-three .ny-wrap,
.index-two .ny-wrap {
margin-top: 35px;
}

.index-three .ny-item h4::before {
height: 60px;
background-size: 60px;
}

.index-three .ny-item h4::after {
background-size: 50px;
height: 50px;
}

.index-three li:hover h4::after {
transform: translateY(40px);
}

.info-swiper .p-style {
display: inline;
}

.info-swiper p {
line-height: 26px;
height: 74px;
}

.info-swiper .swiper-slide h4 {
margin-top: 25px;
}

.info-right p {
height: 52px;
}

.info-right .ny-item img {
width: 55px;
}

.info-right h4 {
font-size: 22px;
}

.info-swiper {
margin: 15px 0 0;
}

.info-right {
box-shadow: none;
}

.info-right li:hover {
transform: translateY(-15px);
}

.info-swiper .swiper-slide-active h4 {
margin-top: 10px;
}

.infi-right span {
margin: 10px 0 18px;
}

.infi-right p {
-webkit-line-clamp: 4;
height: 96px;
}

.infi-right {
padding: 36px 32px 25px 30px;
}

.infi-ul h4 {
margin-bottom: 10px;
padding-left: 22px;
}

.infi-ul span {
padding-left: 22px;
}

.infi-ul .ny-item {
padding-bottom: 25px;
}

.infi-ul {
padding: 26px 20px 27px;
}
}

@media (max-width: 1259px) {
.inon-left p {
height: 52px;
-webkit-line-clamp: 2;
margin-bottom: 20px;
line-height: 26px;
}

.swiper-button-next.com-butt, .swiper-button-prev.com-butt {
width: 40px !important;
height: 40px !important;
background-size: 13px !important;
}

.inon-right .swiper-slide {
padding: 58px 0 0 117px;
}

.inon-right .swiper-slide-active {
padding: 0;
}

.index-span {
font-size: 34px;
}

.index-tit {
font-size: 30px;
margin: -5px 0;
}

.index-two .ny-txt .p-style {
display: inline;
}

.index-two .ny-left .ny-txt {
width: 55%;
}

.index-two .index-dec {
line-height: 24px;
margin-top: 16px;
}

.index-three .ny-item h4::before {
height: 55px;
background-size: 55px;
}

.index-three .ny-item h4::after {
background-size: 40px;
height: 40px;
}

.index-three li:hover h4::after {
transform: translateY(25px);
}

.index-three li:hover h4::before {
transform: translateY(-20px);
}

.infi-right {
padding: 36px 32px 12px 30px;
}

.infi-right p {
-webkit-line-clamp: 3;
height: 52px;
line-height: 26px;
margin-bottom: 5px;
}

.infi-ul {
padding: 22px 12px 14px;
}

.infi-ul h4 {
margin-bottom: 4px;
}

.infi-ul .ny-item {
padding-bottom: 15px;
}

.infi-txt::before {
height: 90%;
}

.index-four .ny-left {
width: 100%;
}

.index-four .ny-right {
width: 100%;
}

.info-right ul {
width: 100%;
}

.index-four {
background-size: 100%;
}

.info-right {
background: none;
}

.info-right ul {
margin: 0;
background: #fff;
border-radius: 50px;
margin-top: 40px;
}

.index-four {
background-size: 163% 59%;
}
}

@media (max-width: 991px) {
.inon-left p {
margin: 5px 0;
}

.index-two .ny-left .ny-txt {
left: 40px
}

.infi-swiper {
width: 100%;
}

.infi-text {
width: 100%;
padding-left: 0;
margin-top: 20px;
}

.infi-right {
padding: 54px 32px 34px 30px;
}
}

@media (max-width: 767px) {
.index-five {
padding: 40px 0 45px;
}

.index-three {
padding: 40px 0 45px;
}

.index-one {
padding: 40px 0;
}

.index-two {
padding-top: 40px;
}

.index-span {
font-size: 24px;
}

.index-tit {
font-size: 22px;
margin: 0 0 -5px;
}

.index-one .ny-wrap {
background: none;
}

.inon-right {
width: 100%;
float: none;
padding: 0 20px;
}

.inon-left {
width: 100%;
padding: 0 30px;
}

.inon-left h4 {
color: #333;
}

.inon-left p {
color: #666;
height: auto;
}

.swiper-button-next.com-butt, .swiper-button-prev.com-butt {
border: 2px solid #f3981e;
background: url(../images/arrow3.png)no-repeat center !important;
}

.inon-left .ny-txt {
width: 100%;
text-align: center;
}

.inon-btn {
left: 50%;
transform: translateX(-50%);
margin-left: 0;
}

.index-two .ny-left {
width: 100%;
}

.index-two .ny-right {
width: 100%;
}

.index-two .ny-right .ny-txt,
.index-two .ny-left .ny-txt {
width: 100%;
left: 0;
padding: 0 20px;
}

.index-three li {
width: 50%;
}

.index-three .ny-item h4::after {
transform: translateY(25px);
opacity: 1;
}

.index-three .ny-item h4::before {
transform: translateY(-20px);
opacity: 1;
}

.infi-swiper li {
width: 100%;
}

.infi-right {
padding: 25px 15px 20px;
}

.ny-nav li span {
padding: 0 18px;
}

.index-five .ny-nav {
margin: 20px 0 33px;
}

.info-swiper .swiper-button-next,
.info-swiper .swiper-button-prev {
display: block;
top: auto;
bottom: 0;
}

.info-swiper p {
height: auto;
display: inline-block;
}

.info-p {
width: 100%;
}

.info-swiper {
height: auto;
}

.info-swiper .swiper-container {
padding-bottom: 66px;
}

.info-swiper h4 {
font-size: 30px;
}

.info-right p {
opacity: 1;
}

.info-right li:hover {
transform: none;
}

.info-right .ny-item {
padding: 20px 0 0;
}

.info-right .ny-item img {
width: 50px;
}

.info-right li:nth-child(3) .ny-item {
padding: 26px 0 0;
}

.info-right li:nth-child(4) .ny-item {
padding: 26px 0 0;
}

.info-right ul {
padding-bottom: 35px;
}

.info-right h4 {
font-size: 18px;
}

.index-four {
padding: 45px 0 0;
}
}


/* product */
.product {
}

.pro-one {
background-color: #fff;
margin: 40px 0 50px;
padding: 64px 80px 54px;
}

.pro-one .ny-header {
text-align: left;
}

.pro-one ul {
margin: 0 -50px;
}

.pro-one li {
width: 25%;
padding: 0 50px;
}

.pro-one .ny-wrap {
margin-top: 51px;
width: 90%;
}

.pro-form input,
.pro-form select {
width: 100%;
border-bottom: 1px solid #dcdcdc;
color: #666666;
font-size: 18px;
padding: 37px 0 8px;
}

.pro-form select {
outline: none;

appearance: none;
-moz-appearance: none;
-webkit-appearance: none;

background: url("../images/select.png") no-repeat 99% 10px transparent;
}

.pro-form input,
.pro-form select {
width: 100%;
border-bottom: 1px solid #dcdcdc;
color: #666;
font-size: 18px;
padding: 0 0 9px;
padding-right: 12px;
}


.pro-two {
padding-bottom: 82px;
}

.pro-two ul {
margin: 0 -8px -16px;
}

.pro-two li {
padding: 0 8px;
margin-bottom: 16px;
}

.pro-two li:hover img {
transform: scale(1.05);
}

.pro-two li:hover h4 {
color: #f3981e;
}

.pro-two .com-swxt {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
}

.pro-two .swxt-img {
padding: 0 55px;
}

.pro-two .swxt-font {
padding: 42px 0 43px;
}

.pro-two h4 {
color: #666;
margin-bottom: 9px;
}

.pro-two p {
font-family: 'DIN';
color: #666;
}


@media (max-width: 1459px) {
.pro-one .ny-wrap {
margin-top: 35px;
width: 100%;
}

.pro-one ul {
margin: 0 -40px;
}

.pro-one li {
padding: 0 40px;
}

.pro-two .swxt-font {
padding: 24px 0;
}

.pro-two {
padding-bottom: 60px;
}
}

@media (max-width: 1259px) {
.pro-two {
padding-bottom: 50px;
}

.pro-one ul {
margin: 0 -20px;
}

.pro-one li {
padding: 0 20px;
}

.pro-one {
padding: 48px 60px;
}

.pro-form input, .pro-form select {
font-size: 16px;
}
}

@media (max-width: 991px) {
.pro-one {
padding: 20px;
}

.pro-one .ny-wrap {
margin-top: 16px;
}

.pro-one ul {
margin: 0 -10px;
}

.pro-one li {
padding: 0 10px;
}
}

@media (max-width: 767px) {
.pro-two {
padding-bottom: 45px;
}

.pro-one li {
width: 50%;
margin-bottom: 20px;
}

.pro-form input, .pro-form select {
padding: 0 12px 4px 0;
}

.pro-one {
padding: 20px 20px 0;
}

.pro-two li {
width: 50%;
}

.pro-two .swxt-img {
padding: 0 0px;
}

.pro-two .swxt-font {
padding: 10px 0 20px;
}

.pro-two h4 {
margin-bottom: 4px;
}
}

@media (max-width: 360px) {
.pro-two li {
width: 100%;
}
}





/* case */
.case {
}

.case-one {
}

.case-one .ny-nav1 {
margin: 66px 0 37px;
}

.case-one .com-ul {
margin: 0 -16px;
}

.case-one .com-ul li {
padding: 0 16px;
}

.case-one .com-ul li:hover img {
transform: scale(1.05);
}

.case-one .ny-wrap1 {
font-size: 0;
margin-top: 43px;
margin-bottom: -10px;
}

.case-one .ny-wrap1 h4 {
display: inline-block;
vertical-align: middle;
margin-right: 17px;
margin-bottom: 10px;
}

.case-one .ny-wrap1 span {
color: #666;
background-color: #f5f5f5;
display: inline-block;
vertical-align: middle;
padding: 10px 15px;
margin: 0 5px 10px;
}

.case-one .ny-wrap1 span:hover {
color: #fff;
background-color: #f3981e;
}

.caon-box {
display: none;
}

.caon-box.on {
display: block;
}

.caon-box .swxt-img {
position: relative;
}

.caon-box .mengban::after {
background-color: rgba(0,0,0,0.4);
cursor: pointer;
}

.case-two {
padding: 76px 0;
}

.case-two .ny-wrap {
margin-top: 97px;
}

.case-two li {
width: 25%;
}

.case-two .com-icon h4 {
color: #333;
margin: 35px 0 12px;
}

.case-two .com-icon p {
line-height: 26px;
}

.proinfo-three,
.case-three {
padding: 78px 0 0;
}

.cath-tit {
font-weight: bold;
}

.proinfo-three .pro-two li,
.case-three .pro-two li {
width: 25%;
}

.proinfo-three .pro-two,
.case-three .pro-two {
margin-top: 50px;
}


@media (max-width: 1459px) {
.case-one .ny-nav1 {
margin: 60px 0 35px;
}

.case-one .ny-wrap1 {
margin-top: 35px;
}

.case-two .ny-wrap {
margin-top: 50px;
}

.icon-img {
width: 100px;
height: 100px;
}

.case-two {
padding: 60px 0;
}

.case-two .com-icon h4 {
margin: 20px 0 10px;
}

.proinfo-three .pro-two,
.case-three .pro-two {
margin-top: 35px;
}

.proinfo-three,
.case-three {
padding-top: 60px;
}
}

@media (max-width: 1259px) {
.case-two {
padding: 50px 0;
}

.icon-img {
width: 80px;
height: 80px;
}

.case-two .com-icon p {
line-height: 24px;
}

.case-two .ny-wrap {
margin-top: 30px;
}

.proinfo-three,
.case-three {
padding-top: 50px;
}

.proinfo-three .pro-two .swxt-img,
.case-three .pro-two .swxt-img {
padding: 0 30px;
}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
.case-one .ny-nav1 {
margin: 45px 0 35px;
}

.case-one .com-ul li {
width: 100%;
margin-bottom: 20px;
}

.case-one .ny-wrap1 {
margin-top: 5px;
}

.case-two {
padding: 45px 0 25px;
}

.case-two li {
width: 50%;
margin-bottom: 20px;
}

.proinfo-three,
.case-three {
padding-top: 45px;
}

.proinfo-three .pro-two li,
.case-three .pro-two li {
width: 50%;
}
}

@media (max-width: 361px) {
.proinfo-three .pro-two li,
.case-three .pro-two li {
width: 100%;
}
}



.contact-one {
padding: 90px 0 93px;
}

.contact-one li {
width: 25%;
}

.contact-one .icon-img {
width: 106px;
height: 106px;
}

.contact-one .icon-img .icon-img1 {
border: 1px solid #dedede;
}

.contact-one li h4 {
line-height: 26px;
font-family: 'Arial';
margin: 26px 0 12px;
}

.contact-two {
padding: 75px 0 57px;
}

.contact-two .ny-wrap {
margin-top: 58px;
}

.contact-two li {
margin-bottom: 24px;
}

.contact-two li:hover .ny-item {
box-shadow: 0 0 20px rgba(243, 152, 30, 0.47);
}

.contact-two .ny-item {
display: block;
background-color: #fff;
padding: 25px 30px 23px;
transition: all 0.5s;
}

.contact-two .ny-item p {
font-size: 14px;
color: #a2a4a8;
}

.contact-two .ny-item h4 {
padding-right: 35px;
background: url(../images/new.png)no-repeat right top;
margin-bottom: 12px;
height: 64px;
line-height: 32px;
color: #000;
}

.contact-three {
padding: 74px 0;
}

.contact-three .ny-wrap {
position: relative;
margin-top: 48px;
}

.contact-three .ny-left {
width: 50%;
}

.contact-three .ny-left img {
width: 100%;
}

.contact-three .ny-right {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.coth-tit {
color: #000;
}

.coth-dec {
color: #666;
margin-top: 21px;
}

.coth-wrap {
width: 50%;
float: right;
padding-left: 58px;
}

.coth-wrap .form-ul li {
width: 100%;
border-bottom: 1px solid #e7e7e7;
padding: 0 10px 12px;
margin-bottom: 35px;
}

.coth-wrap .form-ul {
margin: 0;
}

.coth-wrap .form-list {
margin-top: 53px;
overflow: hidden;
}

.coth-wrap textarea {
resize: none;
display: block;
width: 100%;
color: #999;
font-size: 16px;
border-bottom: 1px solid #e7e7e7;
padding: 7px 10px 0;
height: 144px;
}

.coth-wrap .down-btn {
float: left;
margin-top: 42px;
padding: 11px 85px 12px;
}

@media (max-width: 1919px) {
.coth-wrap .form-list {
margin-top: 26px;
}

.coth-wrap .form-ul li {
margin-bottom: 21px;
}
}

@media (max-width: 1679px) {
.coth-dec {
margin-top: 12px;
}

.coth-wrap .form-list {
margin-top: 14px;
}

.coth-wrap .form-ul li {
padding: 0 10px 6px;
}

.coth-wrap .down-btn {
font-size: 16px;
margin-top: 30px;
padding: 11px 68px;
}

.coth-wrap .form-ul li {
margin-bottom: 18px;
}
}

@media (max-width: 1459px) {
.contact-one {
padding: 60px 0;
}

.contact-one .icon-img {
width: 90px;
height: 90px;
}

.contact-one li h4 {
margin: 18px 0 6px;
}

.contact-two {
padding: 60px 0 40px;
}

.contact-two .ny-wrap {
margin-top: 35px;
}

.contact-two .ny-item h4 {
height: 54px;
line-height: 28px;
}

.contact-three {
padding: 60px 0;
}

.coth-wrap textarea {
height: 90px;
}

.contact-three .ny-wrap {
margin-top: 35px;
}
}

@media (max-width: 1259px) {
.contact-three,
.contact-one {
padding: 50px 0;
}

.contact-two {
padding: 50px 0 30px;
}

.contact-one li:nth-child(2) {
width: 17%;
}

.contact-one li:nth-child(3) {
width: 33%;
}

.contact-two .ny-item {
padding: 20px;
}

.contact-two ul {
margin: 0 -8px;
}

.contact-two li {
margin-bottom: 16px;
padding: 0 8px;
}

.contact-three .ny-left {
padding-bottom: 50px;
}
}

@media (max-width: 991px) {
.contact-one li {
width: 50% !important;
margin-bottom: 20px;
}

.contact-one {
padding: 50px 0 30px;
}

.contact-two li {
width: 50%;
}

.contact-three .ny-left {
width: 100%;
padding: 0;
}

.contact-three .ny-right {
width: 100%;
padding: 0;
position: relative;
margin-top: 20px;
}

.coth-wrap {
width: 100%;
padding: 0;
}
}

@media (max-width: 767px) {
.contact-three {
padding: 45px 0;
}

.contact-one {
padding: 45px 0 20px;
}

.contact-two {
padding: 45px 0 20px;
}

.contact-one .icon-img {
width: 80px;
height: 80px;
}

.contact-one li:last-child span {
display: inline;
}

.contact-two li {
width: 100%;
}
}



.news-one {
padding-top: 60px;
}

.neon-swiper {
position: relative;
width: 42.35%;
float: left;
}

.neon-swiper .ny-item {
display: inline-block;
position: relative;
overflow: hidden;
}

.neon-swiper img {
width: 100%;
transition: all 0.5s;
}

.menban-txt {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 14px 20px 26px;
background-color: rgba(0,0,0,0.4);
color: #fff;
transition: all 0.5s;
}

.menban-txt span {
font-family: 'Arial';
float: right;
margin-top: 4px;
}

.menban-txt p {
display: inline-block;
width: 86%;
}

.neon-swiper:hover .menban-txt {
padding: 14px 20px 36px;
}

.neon-swiper:hover img {
transform: scale(1.05);
}

.neon-swiper .swiper-pagination {
text-align: left;
padding: 0 20px;
}

.neon-swiper .swiper-pagination-bullet {
background-color: #fff;
opacity: 0.5;
}

.neon-swiper .swiper-pagination-bullet-active {
background-color: #fff;
opacity: 1;
}

.neon-right {
width: 57.65%;
padding-left: 30px;
float: left;
font-size: 0;
}

.neon-right li {
margin-bottom: 20px;
transition: all 0.5s
}

.neon-right li:last-child {
margin-bottom: 0;
}

.neon-right li:hover h4,
.neon-right li:hover p,
.neon-right li:hover span,
.neon-right li:hover em {
color: #fff;
}

.neon-right li:hover .ny-item {
background-color: #f3981e;
}

.neon-right li:hover .ssline::after {
background-color: #fff;
}

.neon-right li:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, .05);
transform: translateY(-10px);
}

.neon-right .ny-item {
background-color: #f5f5f5;
display: inline-block;
padding: 34px 26px 28px;
transition: all 0.5s;
width: 100%;
}

.neon-right p {
color: #777;
line-height: 26px;
margin-top: 13px;
height: 52px;
}

.neon-right span {
display: block;
font-size: 40px;
color: #999;
font-family: "helc";
margin-top: -3px;
}

.neon-right em {
display: block;
font-size: 14px;
font-family: 'Arial';
font-style: normal;
color: #999;
}

.neon-right .ny-left {
text-align: center;
}

.neon-right .ny-right {
width: 88%;
}

.neon-right .ssline::after {
height: 1px;
background-color: #d4d4d4;
margin: 0 auto 8px;
}


.news-two .com-swxt {
box-shadow: 0 0 20px rgba(0, 0, 0, .05);
}

.news-two .swxt-font {
text-align: left;
padding: 22px 25px 40px;
background-color: #fff;
}

.news-two h4 {
color: #444;
line-height: 30px;
height: 60px;
overflow: hidden;
width: 87%;
}

.news-two .netw-time {
font-family: 'Arial';
color: #777;
font-size: 14px;
margin: 7px 0 13px;
display: inline-block;
}

.news-two p {
line-height: 26px;
color: #777;
height: 52px;
}

.news-two li:hover img {
transform: scale(1.05)
}

.news-two li:hover h4 {
color: #f3981e;
}

.netw-btn {
padding: 10px 22px;
border-radius: 20px;
display: inline-block;
background-color: #f3981e;
margin-top: 26px;
}

.netw-btn span {
font-size: 14px;
color: #fff;
background: url(../images/eye.png)no-repeat left center;
padding-left: 30px;
}

@media (max-width: 1459px) {
.neon-right .ny-item {
padding: 22px 20px;
}

.neon-right span {
font-size: 36px;
}

.neon-right li {
margin-bottom: 19px;
}

.menban-txt p {
width: 83%;
}

.neon-right {
padding-left: 20px;
}

.news-two h4 {
line-height: 26px;
height: 52px;
}

.news-two .netw-time {
margin: 7px 0;
}

.netw-btn {
margin-top: 16px;
}

.news-two .swxt-font {
padding: 22px 25px 22px;
}
}

@media (max-width: 1259px) {
.neon-right .ny-right {
width: 85%;
}

.neon-right p.omit {
-webkit-line-clamp: 1;
height: 26px;
}

.neon-right li {
margin-bottom: 12px;
}

.neon-right span {
font-size: 22px;
margin-top: -5px;
}

.news-two .swxt-font {
padding: 20px;
}

.news-two ul {
margin: 0 -8px;
}

.news-two li {
padding: 0 8px;
}

.news .news-two li {
padding: 0 8px;
}

.news-one {
padding-top: 50px;
}
}

@media (max-width: 991px) {
.neon-swiper {
width: 100%;
}

.neon-right {
width: 100%;
padding: 0;
}

.neon-swiper .ny-item {
width: 100%;
}
}

@media (max-width: 767px) {
.news-two li {
width: 100%;
margin-bottom: 20px;
}
.news .news-two li {
width: 100%;
margin-bottom: 20px;
}
.news-two li:last-child {
margin-bottom: 0;
}

.news-one {
padding-top: 45px;
}

.neon-right .ny-right {
width: 80%;
}

.footer-right {
text-align: center;
}
}

@media (max-width: 360px) {
.neon-right .ny-right {
width: 76%;
}
}





.down {
padding: 58px 0 12px;
}

.down-one {
margin-bottom: 68px;
}

.down-one ul {
margin-top: 29px;
}

.down-one em {
display: inline-block;
width: 34px;
height: 33px;
background: url(../images/down-1.png)no-repeat center;
margin-bottom: 13px;
background-size: 100%;
}

.down-one em.andr {
background: url(../images/down-1.png)no-repeat center;
}

.down-one em.ios {
background: url(../images/down-2.png)no-repeat center;
}

.down-one em.pc {
background: url(../images/down-3.png)no-repeat center;
}

.down-tit {
font-weight: bold;
}

.down-btn {
border: 2px solid #f49914;
font-size: 20px;
color: #f49914;
display: inline-block;
padding: 11px 27px 12px;
border-radius: 30px;
float: right;
margin-top: 11px;
}

.down-btn span {
background: url(../images/down-icon.png)no-repeat right center;
padding-right: 36px;
}

.down-one .ny-item {
display: block;
box-shadow: 0 0 20px rgba(0, 0, 0, .1);
padding: 38px 40px 41px 33px;
}

.down-one .ny-left {
width: 53%;
}

@media (max-width: 1459px) {
.down-btn {
font-size: 16px;
padding: 8px 18px;
}

.down-btn span {
padding-right: 28px;
background-size: 18px;
}

.down-one .ny-item {
padding: 30px;
}

.down-one {
margin-bottom: 50px;
}
}

@media (max-width: 1259px) {
.down-one .ny-item {
padding: 20px;
}

.down-one em {
width: 28px;
background-size: 28px !important;
}

.down-btn {
font-size: 14px;
padding: 6px 13px;
}

.down-btn span {
padding-right: 23px;
background-size: 14px;
}
}

@media (max-width: 991px) {
.down-one .ny-left {
width: 100%;
margin-bottom: 10px;
}

.down-btn {
float: left;
}
}

@media (max-width: 767px) {
.down-one {
margin-bottom: 40px;
}

.down-one li {
width: 100%;
margin-bottom: 20px;
}

.down {
padding: 45px 0 0;
}
}







/* about */
.about .ny-font {
top: 49.2%;
}

.about {
}

.about .nav-wrap {
height: auto;
}

.about-one {
}

.about-one .ny-wrap ul {
margin: 54px 0 48px;
}

.about-one .ny-wrap h4 {
font-size: 60px;
font-weight: bold;
font-family: 'Arial';
margin: -10px 0 -4px;
}

.about-one .ny-wrap h4 span {
font-size: 70px;
}

.about-one .ny-wrap p {
}

.about-one .ny-wrap img {
float: left;
margin-top: 20px;
}

.about-one .ny-txt {
border-left: 1px solid #e8e8e8;
float: left;
padding-left: 20px;
margin-left: 15px;
}

.about-one {
margin-top: -92px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 0 27px rgba(0, 0, 0, .1);
padding: 76px 12.5% 62px;
position: relative;
}

.abon-dec {
line-height: 30px;
margin-bottom: 11px;
text-align: center;
color: #666;
}

.about-two {
padding: 76px 0 0;
margin-bottom: -70px;
}

.about-two .ny-wrap {
position: relative;
margin-top: 56px;
}

.about-two .ny-left {
width: 50.2%;
border-radius: 0 100px 0 0;
overflow: hidden;
}

.about-two .ny-left img {
width: 100%;
}

.about-two .ny-right {
width: 100%;
position: absolute;
top: 50px;
left: 0;
}

.about-two li {
margin-bottom: 42px;
}

.abtw-box {
width: 44.64%;
float: right;
}

.abtw-box h4 {
color: #a4a4a4;
}

.abtw-box p {
color: #666;
margin-top: 18px;
opacity: 0;
line-height: 26px;
height: 52px;
}

.abtw-box .ny-txt {
float: right;
width: calc(100% - 65px);
padding-left: 50px;
transform: translateY(18px);
transition: all 0.2s;
}

.abtw-box img {
float: left;
max-width: 65px;
}

.about-two li.on p,
.about-two li:hover p {
opacity: 1;
}

.about-two li.on .ny-txt,
.about-two li:hover .ny-txt {
transform: translateY(0);
}

.about-two .swiper-pagination {
display: none;
}

.about-three {
padding: 146px 0 61px;
}

.about-three .ny-wrap {
margin: 68px 0 0;
}

.abth-top {
}

.about-three .ny-tit {
color: #fff;
}

.about-three .ny-dec {
color: #fff;
}

.abth-top h4 {
font-family: "hel";
color: #fff;
font-size: 60px;
}

.abth-top p {
line-height: 30px;
color: #fff;
height: 60px;
margin-bottom: 14px;
}

.abth-top img {
max-width:100%;
}

.abth-top {
overflow: hidden;
width: 100%;
}

/*.abth-top .swiper-slide {
width: 33.33% !important;
}*/

.abth-top .swiper-slide {
padding-right: 20px;
opacity: 0.2;
}

.abth-top .swiper-slide-active {
opacity: 1;
}

.abth-bot {
margin: 0 -88px 0;
padding: 91px 88px 0;
position: relative;
overflow: hidden;
}

.abth-bot h4 {
font-family: "hel";
color: #fff;
font-size: 34px;
}

.abth-bot .swiper-slide {
position: relative;
padding-top: 8px;
}

.abth-bot .abth-line::after {
content: "";
position: absolute;
top: 5px;
left: 22%;
transform: translateX(-50%);
width: 7px;
height: 7px;
background-color: #d1d1d1;
border-radius: 50%;
z-index: 1;
}

.abth-bot .abth-line::before {
content: "";
position: absolute;
top: 1px;
left: 22%;
transform: translateX(-50%);
width: 17px;
height: 17px;
background-color: #f3981e;
border-radius: 50%;
opacity: 0;
}

.abth-bot .swiper-slide h4 {
opacity: 0.2;
padding-top: 28px;
}

.abth-bot .swiper-slide-active h4 {
opacity: 1;
}

.abth-bot .swiper-slide-active .abth-line::before {
opacity: 1;
}

.abth-bot .swiper-button-next, .abth-bot .swiper-button-prev {
margin-top: -11px;
}

.abth-bot .swiper-pagination {
display: none;
}

.abth-line {
width: 100%;
height: 1px;
background-color: #d1d1d1;
}

.abfi-swiper p {
color: #333;
margin-top: 17px;
}

.abfi-swiper .inse-img {
background-color: #fff;
}

.abfi-swiper .inse-img img {
width: 100%;
transition: all 0.8s;
}

.abfi-swiper .swiper-slide:hover .inse-img img {
width: 100%;
transform: scale(1.05);
}

.abfi-swiper {
position: relative;
padding: 0 88px;
margin: 0 -88px;
}

.abfi-swiper .swiper-button-next.com-butt, .abfi-swiper .swiper-button-prev.com-butt {
background: url(../images/arrow4.png)no-repeat center !important;
border: 4px solid #dfdfdf;
}


.about-four {
font-size: 0;
padding: 75px 0;
}

.about-four .ny-wrap {
margin-top: 45px;
}

.about-four li {
padding: 1px;
display: inline-block;
vertical-align: bottom;
overflow: hidden;
transition: all 0.5s;
}

.about-four li:hover img {
transform: scale(1.05);
}

.about-four li img {
width: 100%;
transition: all 0.5s;
}

.about-four li:nth-child(1) {
width: 31.66%;
}

.about-four li:nth-child(2) {
width: 36.875%;
}

.about-four li:nth-child(3) {
width: 31.25%;
}

.about-four li:nth-child(4) {
width: 26.510%;
}

.about-four li:nth-child(5) {
width: 24.114%;
}

.about-four li:nth-child(6) {
width: 28.437%;
}

.about-four li:nth-child(7) {
width: 20.625%;
}

.about-five .ny-wrap {
margin-top: 47px;
}

.about-five .swxt-font h4 {
margin-top: 16px;
}

.about-five .swiper-pagination {
display: none;
}

@media (max-width: 1919px) {
.about-two li {
margin-bottom: 20px;
}
}

@media (max-width: 1679px) {
.about-one {
padding: 60px 7.5% 45px;
}

.abtw-box p {
margin-top: 8px;
}

.about-two .ny-right {
top: 18px;
}
}

@media (max-width: 1459px) {
.about-one .ny-wrap h4 span {
font-size: 56px;
}

.about-one {
padding: 60px 7.5% 60px;
margin-top: -60px;
}

.abon-dec {
line-height: 28px;
}

.about-one .ny-wrap img {
margin-top: 12px;
}

.about-two {
padding: 60px 0 0;
margin-bottom: -60px;
}

.about-two .ny-wrap {
margin-top: 35px;
}

.abtw-box img {
width: 55px;
}

.abtw-box .ny-txt {
padding-left: 20px;
}

.about-two .ny-right {
top: 0;
}

.about-two li {
margin-bottom: 18px;
}

.about-three {
padding: 120px 0 60px;
}

.abth-top h4 {
font-size: 48px;
}

.about-three .ny-wrap {
margin: 40px 0 0;
}

.abth-bot {
padding: 10px 88px 0;
}

.about-four {
padding: 60px 0;
}

.about-five .ny-wrap,
.about-four .ny-wrap {
margin-top: 35px;
}
}

@media (max-width: 1259px) {
.about-one .ny-wrap h4 {
font-size: 36px;
}

.about-one .ny-wrap h4 span {
font-size: 44px;
}

.about-one .ny-wrap img {
width: 45px;
margin-top: 10px;
}

.about-one {
padding: 40px 9.5% 20px;
}

.about-two {
padding: 50px 0;
margin-bottom: 0px;
}

.about-two li {
margin-bottom: 10px;
}

.about-three {
padding: 50px 0;
}

.abth-top h4 {
font-size: 34px;
}

.about-four {
padding: 50px 0;
}
}

@media (max-width: 991px) {
.about-one {
padding: 20px 20px 10px;
margin-top: -30px
}

.about-one .ny-wrap h4 {
font-size: 26px;
}

.about-one .ny-wrap h4 span {
font-size: 38px;
}

.about-one .ny-wrap img {
width: 40px;
margin-top: 7px;
}

.about-one .ny-wrap ul {
margin: 32px 0 34px;
}

.abtw-box img {
width: 42px;
}

.abtw-box .ny-txt {
padding-left: 0;
}

.abtw-box p {
height: 26px;
}

.abtw-box .ny-txt {
transform: translateY(12px);
}

.about-two li {
margin-bottom: 14px;
}

.abth-top h4 {
font-size: 26px;
}

.abth-bot .swiper-slide h4 {
padding-top: 18px;
font-size: 22px;
}
}

@media (max-width: 767px) {
.about-one li {
width: 100%;
margin-bottom: 20px;
}

.about-one .ny-wrap h4 {
font-size: 22px;
}

.about-one .ny-wrap h4 span {
font-size: 30px;
}

.about-one .ny-wrap img {
margin-top: 2px;
}

.about-one .ny-wrap p {
font-size: 16px;
}

.about-one .ny-wrap ul {
margin: 26px 0 2px;
}

.about-one {
padding: 30px 20px 20px;
}

.about-two {
padding: 45px 0 0;
}

.about-two .ny-left {
width: 100%;
}

.about-two .ny-right {
position: relative;
margin-top: 22px;
}

.abtw-box {
width: 100%;
}

.abtw-box p {
height: auto;
}

.abth-top .swiper-slide {
width: 100% !important;
}

.abth-top p {
height: auto;
line-height: 26px;
}

.abth-bot .swiper-pagination-bullet {
background-color: #fff;
}

.abth-bot .abth-line::before,
.abth-bot .abth-line::after {
left: 32px;
}

.abth-bot .swiper-pagination {
display: block;
}

.about-three .ny-wrap {
margin: 35px 0 0;
}

.about-four {
padding: 45px 0;
}

.about-five .swiper-pagination {
display: block;
bottom: 0 !important;
}

.about-five .swiper-container {
padding-bottom: 30px;
}
}

.proinfo-one {
padding: 50px 0;
}

.proinfo-one .ny-left {
position: relative;
padding: 0 98px;
width: 50.4%;
}

.proinfo-one .ny-left img {
width: 100%;
}

.proinfo-one .swiper-slide {
/* background-color: #fff;*/
}

.proinfo-one .swiper-button-next.com-butt, .proinfo-one .swiper-button-prev.com-butt {
background: url(../images/arrow4.png)no-repeat center !important;
border: 4px solid #dadada;
}

.proinfo-one .swiper-pagination {
display: none;
}

.proon-header {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 20px;
}

.proon-header p {
margin-bottom: 5px;
}

.proon-header h4 {
font-size: 36px;
font-family: 'Arial';
font-weight: bold;
}

.proon-txt {
padding: 20px 0 58px;
}

.proon-txt p {
line-height: 28px;
}

.proon-ul {
height: 230px;
}

.proon-ul li {
margin-bottom: 24px;
}

.proon-ul p {
color: #666;
}

.proon-ul p::before {
content: "";
width: 8px;
height: 8px;
background-color: #d6d6d6;
border-radius: 50%;
display: inline-block;
margin-top: -5px;
vertical-align: middle;
margin-right: 12px;
}

.proinfo-one .ny-right {
width: 40%;
padding: 72px 0;
}

.proinfo-one .netw-btn {
padding: 16px 48px 17px;
border-radius: 30px;
}

.proinfo-one .netw-btn span {
background: url(../images/mess.png)no-repeat left center;
font-size: 16px;
}

.proinfo-two {
}

.proinfo-two h4 {
font-size: 28px;
font-weight: bold;
float: left;
margin-top: 27px;
}

.proinfo-two .ny-right {
width: 75%;
}

.proinfo-two .ny-right td {
font-size: 16px;
color: #666;
padding: 30px 0 31px;
font-family: 'Arial';
}

.proinfo-two .ny-right tr {
border-bottom: 1px solid #f2f2f2;
}

.proinfo-two .ny-right tr:last-child {
border-bottom: none;
}

.proinfo-two .ny-right td:nth-child(1) {
width: 33%;
}

.proinfo-two .ny-wrap {
padding: 50px 0 44px;
}

.proinfo-three .pro-two {
text-align: center;
}

.pth-btn {
font-size: 16px;
color: #999;
padding-left: 25px;
background: url(../images/turn.png)no-repeat left center;
margin-top: 37px;
display: inline-block;
}


@media (max-width: 1459px) {
.proon-txt {
padding: 20px 0 28px;
}

.proinfo-one .ny-right {
width: 44%;
padding: 43px 0 0;
}

.proon-ul li {
margin-bottom: 18px;
}

.proinfo-two .ny-right td {
padding: 22px 0;
}
}

@media (max-width: 1259px) {
.proon-header h4 {
font-size: 28px;
}

.proon-ul li {
margin-bottom: 8px;
}

.proon-ul {
height: 140px;
}

.proon-txt {
padding: 8px 0 11px;
}

.proinfo-one .ny-right {
padding-top: 0;
}

.proinfo-two h4 {
font-size: 22px;
}
}

@media (max-width: 991px) {
.proinfo-one .netw-btn {
padding: 12px 33px;
}

.proinfo-one .ny-left {
padding: 0 50px;
}

.proinfo-two .ny-right td:nth-child(1) {
width: 46%;
}
}

@media (max-width: 767px) {
.proinfo-one .ny-left {
width: 100%;
}

.proinfo-one .ny-right {
width: 100%;
text-align: center;
margin-top: 20px;
}

.proinfo-two h4 {
font-size: 22px;
float: none;
margin: 0;
}

.proinfo-two .ny-right {
width: 100%;
margin-top: 20px;
}

.proinfo-two .ny-wrap {
padding: 45px 0 20px;
}
}


/* society */
.society {
}

.society-one .com-ztyw {
background-color: #fff;
margin-bottom: 20px;
}

.society-one .ztyw-img {
width: 46.85%;
}

.society-one .ztyw-font {
width: 50%;
float: right;
padding: 49px 65px 0 0;
}

.society-one h4 {
line-height: 36px;
transition: all 0.5s;
height: 72px;
}

.society-one p {
color: #666;
line-height: 28px;
-webkit-line-clamp: 3;
margin: 20px 0 28px;
height: 84px;
}

.society-one span {
font-size: 14px;
padding-left: 23px;
font-family: 'Arial';
background: url(../images/time.png)no-repeat left center;
color: #888;
}

.society-one a:hover img {
transform: scale(1.05);
}

.society-one a:hover h4 {
color: #f3981e;
}

.society-two {
}

.society-two .ny-left {
padding-top: 27px;
width: 115px;
}

.society-two .ny-left p {
font-family: 'Arial';
color: #666;
height: 40px;
}

.society-two .ny-left li.on p {
font-size: 26px;
font-weight: bold;
color: #f3981e;
}

.society-two .ny-left li {
margin-bottom: 19px;
}

.society-two .ny-right {
width: calc(100% - 115px);
}

.ofon-ul {
}

.ofon-ul li {
margin-bottom: 20px;
padding-left: 50px;
position: relative;
}

.ofon-ul li .ofon-line {
position: absolute;
top: 0;
left: 5px;
width: 3px;
height: 120%;
background-color: #ebebeb;
}

.ofon-ul li .ofon-line::after {
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 0;
background-color: #f3981e;
content: "";
transition: all 0.5s;
}

.ofon-ul li .ofon-line::before {
content: "";
position: absolute;
top: 40px;
left: -5px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 2px solid #f3981e;
background-color: #fff;
}

.ofon-ul li.active .ofon-line::after {
height: 40px;
}

.ofon-ul li:last-child {
margin-bottom: 0px;
}

.ofon-ul li:last-child .ofon-line {
height: 100%;
}

.ofon-item {
background-color: #f6f6f6;
position: relative;
}

.sanjiao {
transition: all 0.5s;
content: "";
display: inline-block;
position: absolute;
top: 48px;
left: -9px;
transform: translateY(-50%);
border-right: 9px solid #f6f6f6;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}


.ofon-ul li.active .ofon-font {
}

.ofon-ul li.active .ofon-left h4 {
color: #f3981e;
}

.ofon-font {
padding: 36px 48px 37px;
position: relative;
}

.ofon-left {
float: left;
width: calc(100% - 40px);
text-align: left;
}

.ofon-left h4 {
color: #666;
line-height: 30px;
}

.ofon-right {
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
}

.off-btn {
width: 43px;
height: 43px;
background-color: #c2c2c2;
border-radius: 50%;
position: relative;
transition: all 1s;
/* background: url(../images/add3.png)no-repeat center; */
}

.off-btn::before,
.off-btn::after {
transition: all 0.5s;
content: "";
display: block;
width: 15px;
height: 2px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.ofon-btn {
margin-top: -24px;
padding: 10px 0;
}

.off-btn::before {
transform: translate(-50%,-50%) rotateZ(90deg);
}

.ofon-ul li.active .off-btn::after {
transform: translate(-50%,-50%) rotateZ(-90deg);
opacity: 0;
}

.ofon-ul li.active .off-btn::before {
transform: translate(-50%,-50%) rotateZ(0deg);
}

.ofon-ul li.active .off-btn {
transform: rotateZ(-180deg);
background-color: #f3981e;
}

.ofon-drop {
transition: all 0.5s;
max-height: 0;
opacity: 0;
padding: 0 40px;
overflow: hidden;
}

.ofon-drop img {
max-width: 100%;
}

.ofon-ul li.active .ofon-drop {
max-height: 1200px;
opacity: 1;
padding: 0 40px 40px;
margin-top: -22px;
}

.sotw-box {
display: none;
}

.sotw-box.on {
display: block;
}


.intw-img1 {
display: none;
}

@media (max-width: 1459px) {
.society-one h4 {
line-height: 30px;
height: 60px;
}

.off-btn {
width: 36px;
height: 36px;
}

.ofon-font {
padding: 28px 48px;
}

.ofon-ul li.active .ofon-drop {
margin-top: -4px;
}
}

@media (max-width: 1259px) {
.society-one .ztyw-font {
padding: 24px 30px 0 0;
}

.society-one p {
line-height: 22px;
height: 66px;
margin: 18px 0 22px;
}

.info-right {
transform: translateX(0px);
}
}

@media (max-width: 991px) {
.society-one p {
height: 44px;
-webkit-line-clamp: 2;
}

.society-one h4 {
line-height: 26px;
height: 52px;
}

.society-one p {
margin: 8px 0 12px;
}

.society-two .ny-left li.on p {
font-size: 22px;
}
}

@media (max-width: 767px) {
.society-one .ztyw-img {
width: 100%;
}

.society-one .ztyw-font {
width: 100%;
padding: 20px;
}

.society-two .ny-right {
width: 100%;
}

.society-two .ny-left {
width: 100%;
padding: 0;
margin-bottom: 20px;
}

.society-two .ny-left li {
float: left;
margin-bottom: 0;
}

.society-two .ny-left p {
height: auto;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}

.ofon-ul li {
padding-left: 25px;
}

.ofon-font {
padding: 10px;
}

.ofon-ul li.active .ofon-drop {
padding: 10px;
}

.ofon-right {
right: 10px;
}

.off-btn {
width: 30px;
height: 30px;
}

.ofon-left h4 {
line-height: 26px;
}

.ofon-ul li .ofon-line::before {
top: 30px;
}

.sanjiao {
top: 36px;
}

.ofon-ul li.active .ofon-line::after {
height: 30px;
}

.society-two .ny-left li.on p {
font-size: 18px;
}

.intw-img {
display: none;
}

.intw-img1 {
display: block;
}
}

.banner.index .swiper-button-next, .banner.index .swiper-button-prev {
display: none;
}


.newinfo-one {
padding: 54px 0 74px;
}

.newinfo-one .ny-left {
width: 70.928%;
}

.newinfo-one .ny-right {
width: 23.571%;
padding-top: 7px;
}

.newinfo-header h4 {
color: #111;
line-height: 36px;
}

.newinfo-header p {
color: #666;
line-height: 28px;
color: #666;
margin: 21px 0 31px;
}

.newinfo-header span {
color: #a3a3a3;
font-family: 'Arial';
}

.newinfo-header {
}

.newinfo-center {
padding: 37px 0 37px;
}

.newinfo-center img {
max-width: 100%;
height: auto!important;
}

.newinfo-center p {
color: #666;
line-height: 28px;
}

.newsinfo-footer {
}

.newsinfo-footer a {
display: block;
background-color: #f7f7f7;
padding: 24px 22px 25px;
margin-bottom: 20px;
}

.newsinfo-footer a:hover p {
color: #f3981e;
}

.newsinfo-footer span {
font-weight: bold;
color: #111;
}

.newsinfo-footer em {
font-size: 14px;
color: #a3a3a3;
font-family: 'Arial';
}

.newsinfo-footer p {
color: #333;
line-height: 28px;
margin: 5px 0 21px;
}

.newsinfo-info {
padding: 27px 36px 29px 22px;
margin-bottom: 20px;
background-color: #f7f7f7;
}

.newsinfo-info .ny-txt {
font-weight: bold;
color: #111;
}

.newsinfo-info .ny-txt::before {
content: "";
display: inline-block;
width: 3px;
height: 19px;
background-color: #f3981e;
margin-right: 7px;
margin-top: -3px;
vertical-align: middle;
}

.newsinfo-biaoqian span {
font-size: 14px;
color: #9b9b9b;
border: 1px solid #9b9b9b;
display: inline-block;
padding: 5px 13px;
border-radius: 4px;
background-color: #fff;
}

.newsinfo-biaoqian ul {
margin: 20px -5px -10px;
}

.newsinfo-biaoqian li {
float: left;
padding: 0 5px;
margin-bottom: 10px;
}

.newsinfo-biaoqian span:hover {
background-color: #f3981e;
color: #fff;
border: 1px solid #f3981e;
}

.newsinfo-xw {
padding: 27px 36px 13px 22px;
}

.newsinfo-xw .com-ztyw {
border-bottom: 1px dashed #d8d8d8;
padding: 16px 0 13px;
}

.newsinfo-xw .com-ztyw:hover h4 {
color: #f3981e;
}

.newsinfo-xw .ztyw-img {
width: 33.45%;
float: right;
}

.newsinfo-xw .ztyw-font {
width: 58%;
float: left;
}

.newsinfo-xw .ztyw-font h4 {
font-size: 14px;
font-weight: bold;
color: #4a4a4a;
line-height: 22px;
margin-bottom: 9px;
height: 44px;
}

.newsinfo-xw .ztyw-font span {
font-size: 14px;
color: #888;
font-family: 'Arial';
display: inline-block;
padding-left: 22px;
background: url(../images/time.png)no-repeat left center;
}

.newsinfo-xw li:last-child .com-ztyw {
border-bottom: none;
}

.newsinfo-fx {
}

.newsinfo-fx .ny-txt::before {
opacity: 0;
}

@media (max-width: 1459px) {
.newinfo-one {
padding: 50px 0 60px;
}

.newinfo-one .ny-right {
width: 25.571%;
}
}

@media (max-width: 1259px) {
.bshare-custom a {
margin-bottom: 10px;
}

.newsinfo-footer p {
line-height: 24px;
margin: 5px 0;
}
}

@media (max-width: 991px) {
.newinfo-one .ny-left {
width: 100%;
}

.newinfo-one .ny-right {
width: 100%;
margin-top: 20px;
}

.newsinfo-xw li {
width: 50%;
display: inline-block;
float: left;
}

.newsinfo-xw .ztyw-img {
float: left;
margin-right: 10px;
}

.bott-share {
margin-top: 16px;
}

.newsinfo-fx {
padding: 24px 35px 14px 18px;
}

.newinfo-one {
padding: 50px 0;
}
}

@media (max-width: 767px) {
.newinfo-one {
padding: 45px 0 25px;
}

.newsinfo-xw li {
width: 100%;
}
}

.continfo .ny-wrap {
padding: 59px 0 80px;
}

.continfo .ny-left {
width: 73%;
border-right: 1px solid #efefef;
padding-right: 98px;
}

.continfo-header {
border-bottom: 1px solid #efefef;
padding-bottom: 11px;
}

.continfo-header h4 {
color: #000;
font-weight: bold;
float: left;
width: calc(100% - 60px);
}

.continfo-header em {
color: #666;
padding: 5px 0px 5px 30px;
background: url(../images/loca.png)no-repeat left;
float: right;
}

.continfo-header p {
color: #666;
margin: 9px 0 29px;
}

.continfo-header span {
font-size: 14px;
color: #888;
display: inline-block;
}

.continfo .ny-right {
padding-left: 28px;
width: 27%;
}

.continfo .ny-right li {
margin-bottom: 20px;
}

.continfo .ny-right li h4 {
color: #000;
}

.continfo .ny-right li p {
color: #888;
font-size: 14px;
margin: 10px 0 17px;
}

.continfo .ny-right a {
border-bottom: 1px solid #efefef;
display: inline-block;
}

.continfo .ny-right .ny-txt {
font-weight: bold;
color: #111;
margin-bottom: 31px;
}

.continfo .ny-right .ny-txt::before {
content: "";
display: inline-block;
width: 3px;
height: 19px;
background-color: #f3981e;
margin-right: 7px;
margin-top: -3px;
vertical-align: middle;
}

.continfo-center {
padding-top: 35px;
}

.continfo-center p {
color: #888;
line-height: 32px;
}

.continfo-center .ny-txt {
color: #333;
margin-bottom: 11px;
}

.continfo-center .row {
padding-bottom: 23px;
}

.continfo-center .down-btn {
font-size: 16px;
float: left;
padding: 7px 31px;
margin-top: 10px;
background-color: #f3981e;
color: #fff;
}

@media (max-width: 1459px) {
.continfo .ny-wrap {
padding: 60px 0;
}
}

@media (max-width: 1259px) {
.continfo .ny-wrap {
padding: 50px 0;
}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
.continfo .ny-wrap {
padding: 45px 0 25px;
}

.continfo .ny-left {
width: 100%;
padding-right: 0;
border-right: none;
}

.continfo .ny-right {
width: 100%;
padding: 0;
}

.continfo-header p {
margin: 0px 0 8px
}

.continfo-header em {
background-size: 18px;
padding: 5px 0px 5px 23px;
}

.continfo .ny-right a {
width: 100%;
}

.continfo .ny-right .ny-txt {
font-size: 20px;
margin: 30px 0 16px;
}
}


.service-one {
padding: 75px 0 69px;
}

.service-one .ny-wrap {
margin-top: 49px;
}


.seon-boxs {
width: 824px;
height: 824px;
border-radius: 50%;
border: 1px solid #f2f2f2;
position: relative;
margin: auto;
}

.seon-box {
width: 607px;
height: 607px;
border-radius: 50%;
border: 1px solid #f2f2f2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.seon-box img {
width: 100%;
}

.seon-ul {
}

.seon-ul li {
text-align: right;
position: absolute;
}

.seon-ul li:nth-child(1) {
bottom: 33%;
left: -25.5%;
width: 42%;
}

.seon-ul li:nth-child(2) {
bottom: 56%;
left: -22%;
width: 42%;
}

.seon-ul li:nth-child(3) {
top: 12.9%;
left: -2%;
width: 42%;
}

.seon-ul li:nth-child(4) {
top: 21.5%;
right: -15.3%;
width: 42%;
text-align: left;
}

.seon-ul li:nth-child(5) .seon-tag,
.seon-ul li:nth-child(4) .seon-tag {
float: left;
}

.seon-ul li:nth-child(5) .ny-txt,
.seon-ul li:nth-child(4) .ny-txt {
padding-right: 0;
padding-left: 23px;
}

.seon-ul li:nth-child(5) {
top: 45%;
right: -26%;
width: 42%;
text-align: left;
}

.seon-ul li h4 {
font-weight: bold;
}

.seon-ul li p {
color: #666;
line-height: 26px;
margin-top: 12px;
text-align: justify;
opacity: 0;
transition: all 0.5s;
}

.seon-ul .ny-txt {
width: calc(100% - 42px);
display: inline-block;
float: left;
padding-right: 23px;
transform: translateY(10px);
transition: all 0.5s;
}

.seon-ul li:hover p {
opacity: 1;
}

.seon-ul li:hover .ny-txt {
transform: translateY(-5px);
}

.seon-tag {
width: 42px;
height: 42px;
border-radius: 50%;
position: relative;
display: inline-block;
}

.seon-tag::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #f3981e;
content: "";
}

.seon-tag::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fdead2;
content: "";
-webkit-animation: dotted 1.5s ease-in-out infinite;
-moz-animation: dotted 1.5s ease-in-out infinite;
animation: dotted 1.5s ease-in-out infinite;
}

@-webkit-keyframes dotted {
0% {
width: 20px;
height: 20px;
opacity: 1;
}

80% {
opacity: 1;
}

100% {
width: 100%;
height: 100%;
opacity: 0.2;
}
}

.seon-tag em {
display: inline-block;
}

.seon-tag em::before,
.seon-tag em::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 8px;
height: 2px;
background-color: #fff;
content: "";
z-index: 1;
transition: all 0.5s;
}

.seon-tag em::before {
transform: translate(-50%,-50%) rotate(90deg);
transition: all 0.5s;
}

.seon-ul li:hover em::after {
transform: translate(-50%,-50%) rotate(-180deg);
}

.seon-ul li:hover em::before {
transform: translate(-50%,-50%) rotate(-180deg);
}
/* .seon-ul li:hover em::before{} */
@media (max-width: 1459px) {
}

@media (max-width: 1259px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
}


/* brand */
.brand-one {
padding: 74px 0 46px;
}

.brand-one .bron-boxs {
text-align: center;
}

.bron-tit {
font-weight: bold;
padding-top: 51px;
background: url(../images/down.png)no-repeat center top;
text-align: center;
margin-top: 22px;
}

.bron-dec {
color: #666;
margin: 10px 0 22px;
}

.bron-dec1 {
display: inline-block;
padding: 6px 20px;
background-color: #150f29;
color: #fff;
border-radius: 2px;
margin-bottom: 50px;
}


.bron-boxs .bron-biaoqian {
color: #fff;
background-color: #f3981e;
display: inline-block;
padding: 10px 17px;
position: absolute;
top: 0;
left: 0;
border-radius: 0 25px 25px 0;
font-weight: normal;
z-index: 12;
}

.bron-box {
text-align: left;
box-shadow: 0 0 27px rgba(0, 0, 0, .1);
position: relative;
padding: 97px 0 80px;
margin-bottom: 30px;
}

.bron-box h4 {
font-weight: bold;
}

.bron-box h4 span {
font-family: 'Arial';
color: #666;
font-weight: normal;
vertical-align: middle;
margin-top: -2px;
display: inline-block;
}

.bron-box p {
font-family: 'Arial';
color: #666;
margin: 6px 0 13px;
}

.bron-box em {
display: inline-block;
color: #f3981e;
border: 1px solid #f3981e;
border-radius: 2px;
padding: 0 3px;
}

.bron-box ul {
margin: 0;
}

.bron-box li {
width: 25%;
padding: 0;
}

.bron-box .com-swxt {
border-right: 1px dashed #e0e0e0;
position: relative;
text-align: center;
}

.bron-box .com-swxt::after {
position: absolute;
top: 50%;
right: -15px;
content: "";
width: 31px;
height: 31px;
border-radius: 50%;
background: #f49914 url(../images/right.png)no-repeat center;
background-size: 100%;
transform: translateY(-50%);
}

.bron-box .swxt-img {
padding: 0px 59px;
}

.bron-box .swxt-font {
text-align: left;
padding: 15px 0 39px;
display: inline-block;
}

.bron-box li:last-child .com-swxt {
border-right: none;
}

.bron-box li:last-child .com-swxt::after {
display: none;
}

.bron-box li:hover img {
transform: scale(1.05);
}

.bron-swipers .bron-tit {
padding-top: 0;
background: none;
margin: 79px 0 0 0;
}

.bron-swipers .bron-dec {
margin: 10px 0 48px;
}

.bron-swipers .swiper-pagination {
display: none;
}

.bron-swiper {
position: relative;
}

.bron-swiper::before {
content: "";
width: 17px;
background-color: #fff;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 11;
}

.bron-swiper::after {
content: "";
width: 17px;
background-color: #fff;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 11;
}

.bron-swiper .swiper-button-next.com-butt, .bron-swiper .swiper-button-prev.com-butt {
background: url(../images/arrow4.png)no-repeat center !important;
border: 4px solid #dfdfdf;
}

.bron-swiper .swiper-button-prev.com-butt {
left: -88px;
}

.bron-swiper .swiper-button-next.com-butt {
right: -88px;
}

.brand-two {
font-size: 0;
}

.brand-two .ny-wrap {
margin: 80px -43px 0;
}

.brand-two p {
line-height: 28px;
color: #666;
margin: 14px 0 0;
}

.brand-two .ny-left {
float: left;
width: 50%;
}

.brand-two .ny-right {
float: right;
width: 50%;
padding: 184px 0 0;
border-left: 1px solid #ddd;
}

.brand-two li {
width: 100%;
display: inline-block;
margin-bottom: 94px;
padding: 0 43px;
position: relative;
}

.brand-two li:last-child {
margin-bottom: 0;
}

.brand-two li img {
width: 100%;
border-radius: 6px;
margin-top: 44px;
}

.brand-two a {
display: inline-block;
font-size: 16px;
color: #333;
padding-right: 27px;
background: url(../images/arrow3.png)no-repeat right;
margin-top: 20px;
}

.brand-two .ny-left li::after {
content: "";
display: inline-block;
position: absolute;
top: 0;
right: -8px;
width: 15px;
height: 15px;
border: 5px solid #ddd;
background-color: #acacac;
border-radius: 50%;
}

.brand-two .ny-right li::after {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: -8px;
width: 15px;
height: 15px;
border: 5px solid #ddd;
background-color: #acacac;
border-radius: 50%;
}

.brand-two .brtw-btn {
font-size: 16px;
color: #666;
background: url(../images/sss.png)no-repeat right;
margin-top: 0;
}

.brtw-b {
text-align: center;
margin: 26px 0 77px;
}

@media (max-width: 1459px) {
.brand-one {
padding: 60px 0 40px;
}

.bron-tit {
padding-top: 45px;
background-size: 32px;
}

.bron-box {
padding: 70px 0 60px;
}

.bron-box .swxt-font {
padding: 15px 0;
}

.bron-swipers .bron-tit {
margin-top: 60px;
}

.brand-two .ny-wrap {
margin-top: 45px;
}

.brtw-b {
margin: 25px 0 60px;
}

.brand-two li img {
margin-top: 30px;
}

.brand-two li {
margin-bottom: 70px;
}
}

@media (max-width: 1259px) {
.brand-one {
padding: 50px 0;
}

.bron-swipers .bron-tit {
margin-top: 50px;
}

.bron-box {
padding: 50px 0 50px;
}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
.bron-box {
padding: 45px 0 0;
}

.brand-one {
padding: 45px 0;
}

.bron-swipers .bron-tit {
margin-top: 45px;
}

.bron-box li {
width: 100%;
}

.bron-box .com-swxt {
border-right: none;
border-bottom: 1px dashed #e0e0e0;
margin-bottom: 20px;
padding-bottom: 20px;
}

.bron-box .com-swxt::after {
top: auto;
bottom: -15px;
left: 50%;
transform: translateX(-50%) translateY(0) rotate(90deg);
z-index: 1;
}

.bron-box li:last-child .com-swxt {
border-bottom: none
}

.bron-swiper .swiper-container {
padding-bottom: 40px;
}

.bron-swiper .swiper-pagination-bullet-active {
background-color: #f3981e;
}

.brand-two .ny-left {
width: 100%;
}

.brand-two .ny-right {
width: 100%;
padding-top: 20px;
}

.brand-two p {
line-height: 24px;
margin: 6px 0 0;
}

.brand-two li {
margin-bottom: 20px;
}
}





.ldy-Switch .ldy-wrap {
margin-top: 47px;
}

.ldy-Switch {
margin-top: -4px;
}

.ldy-Switch .ldy-nav li {
color: #fff;
padding: 35px 10px 36px 52px;
position: relative;
background-color: #f6f6f6;
height: 130px;
}

.ldy-Switch .ldy-nav li::after {
transition: all 0.5s;
content: "";
display: block;
background-color: #fff;
position: absolute;
top: 0;
right: 0;
width: 0%;
height: 100%;
}

.ldy-Switch .ldy-nav li::before {
transition: all 0.5s;
content: "";
display: block;
background-color: #f3981e;
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
z-index: 1;
}

.ldy-Switch .ldy-nav li.on::after,
.ldy-Switch .ldy-nav li:hover::after {
width: 100%;
}

.ldy-Switch .ldy-nav li.on::before,
.ldy-Switch .ldy-nav li:hover::before {
width: 6px;
}

.ldy-Switch .ldy-nav li h4 {
color: #333;
vertical-align: middle;
display: inline-block;
position: relative;
z-index: 3;
}

.ldy-Switch .ldy-nav li p {
color: #666;
vertical-align: middle;
display: inline-block;
position: relative;
z-index: 3;
margin-top: 8px;
display: none;
max-height: 48px;
}

.ldy-Switch .ldy-nav li .ny-item {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}

.ldy-Switch .ldy-left {
float: right;
width: 50%;
z-index: 33;
position: relative;
}

.ldy-Switch .ldy-right {
float: left;
width: 50%;
}

.ldy-Switch .swiper-slide:hover img {
transform: scale(1.05);
}

.ldy-Switch .swiper-slide h4,
.ldy-Switch .swiper-slide p {
display: none;
}

.ldy-Switch .ldy-nav li.on p,
.ldy-Switch .ldy-nav li:hover p {
display: block;
}

.ldy-Switch .ldy-nav li.on li,
.ldy-Switch .ldy-nav li:hover li {
transform: translateY(-10px);
}

.service-three li {
width: 16.66%;
margin-bottom: 81px;
}

.service-three .ny-tit {
color: #333;
}

.service-three .ny-dec {
color: #666;
}

.service-three .ny-wrap {
margin: 68px -56px -81px;
}

.service-three .quality-four {
background: none;
padding: 75px 0 94px;
}

.service-three .qufo-box {
width: 121px;
height: 121px;
position: relative;
border: none;
background-color: #f1f1f1;
margin: 0 auto 28px;
}

.service-three .qufo-box img {
width: 100%;
}

.service-three .qufo-box span {
position: absolute;
top: -31px;
right: -8px;
font-family: "hel";
font-size: 34px;
color: #d1d1d1;
}

.service-three .quality-four .ny-wrap p {
color: #333;
}

.service-three .quality-four li:hover span {
color: #d1d1d1;
}

.service-three .qufo-box::before {
background: #f3981e url(../images/seth-22.png)no-repeat center;
background-size: 100%;
width: 100%;
height: 100%;
transform: translate(-50%,-50%) scale(0.5);
}

.service-three li:hover .qufo-box::before {
transform: translate(-50%,-50%) scale(1);
}

.service-three li:nth-child(2) .qufo-box::before {
background: #f3981e url(../images/seth-11.png)no-repeat center;
}

.service-three li:nth-child(3) .qufo-box::before {
background: #f3981e url(../images/seth-33.png)no-repeat center;
}

.service-three li:nth-child(4) .qufo-box::before {
background: #f3981e url(../images/seth-44.png)no-repeat center;
}

.service-three li:nth-child(5) .qufo-box::before {
background: #f3981e url(../images/seth-55.png)no-repeat center;
}

.service-three li:nth-child(6) .qufo-box::before {
background: #f3981e url(../images/seth-77.png)no-repeat center;
}

.service-three li:nth-child(7) .qufo-box::before {
background: #f3981e url(../images/seth-99.png)no-repeat center;
}

.service-three li:nth-child(8) .qufo-box::before {
background: #f3981e url(../images/seth-88.png)no-repeat center;
}

.service-three li:nth-child(9) .qufo-box::before {
background: #f3981e url(../images/seth-66.png)no-repeat center;
}

.service-three li:nth-child(10) .qufo-box::before {
background: #f3981e url(../images/seth-011.png)no-repeat center;
;
}

.service-three li:nth-child(11) .qufo-box::before {
background: #f3981e url(../images/seth-033.png)no-repeat center;
}

.service-three li:nth-child(12) .qufo-box::before {
background: #f3981e url(../images/seth-022.png)no-repeat center;
}


.service-three li:nth-child(7),
.service-three li:nth-child(8),
.service-three li:nth-child(9),
.service-three li:nth-child(10),
.service-three li:nth-child(12),
.service-three li:nth-child(11) {
float: right;
}

.service-three li:nth-child(6) .qufo-box::after {
right: 0;
top: auto;
bottom: -137%;
transform: rotate(90deg);
}

.service-three li:nth-child(7) .qufo-box::after {
display: none;
}

.service-three .quality-four li:last-child .qufo-box::after {
display: block;
}

.service-four ul {
margin: 0 -2px;
}

.service-four li {
padding: 0 2px;
}

.service-four li img {
width: 100%;
}

.service-four li:hover img {
transform: scale(1.05);
}

.service-four .ny-wrap {
margin-top: 48px;
}

.service-five {
padding: 68px 0 56px;
}

.service-five .ny-wrap {
margin-top: 47px;
}

.service-five h4 {
margin-top: 8px;
}

.service-five .swiper-pagination,
.service-two .swiper-pagination {
display: none;
}



.seon-txt {
display: none;
}

@media (max-width: 1679px) {
.service-three li {
margin-bottom: 104px;
}
}

@media (max-width: 1459px) {
.service-one {
padding: 60px 0 40px;
}

.seon-boxs {
width: 800px;
height: 800px;
}

.seon-box {
width: 590px;
height: 590px;
}

.ldy-Switch .ldy-nav li {
height: 111.5px;
}

.service-five .ny-wrap,
.service-four .ny-wrap,
.service-one .ny-wrap,
.ldy-Switch .ldy-wrap {
margin-top: 35px;
}

.service-three .qufo-box {
width: 105px;
height: 105px;
}

.service-three .qufo-box span {
top: -27px;
right: 0;
font-size: 28px;
}

.service-three .qufo-box {
margin: 0 auto 15px;
}

.service-three li:nth-child(6) .qufo-box::after {
background-size: 56%;
bottom: -132%;
}

.service-three .ny-wrap {
margin: 38px -46px -74px;
}

.service-three li {
margin-bottom: 74px;
}

.service-three .quality-four {
padding: 60px 0;
}
}

@media (max-width: 1259px) {
.seon-boxs {
width: 610px;
height: 610px;
}

.seon-box {
width: 74%;
height: 74%;
}

.seon-ul li:nth-child(3) {
top: 10.9%;
left: -9%;
width: 73%;
}

.seon-ul li:nth-child(2) {
bottom: 48%;
}

.seon-ul li p {
line-height: 24px;
}

.ldy-Switch .ldy-nav li {
height: 87.5px;
}

.service-three li {
width: 25%;
}

.service-three li:nth-child(7),
.service-three li:nth-child(8),
.service-three li:nth-child(9),
.service-three li:nth-child(10),
.service-three li:nth-child(12),
.service-three li:nth-child(11) {
float: none;
}

.service-three .quality-four li:nth-child(4n) .qufo-box::after {
display: none;
}

.service-three .quality-four li:nth-child(7) .qufo-box::after {
display: block;
}

.service-three li:nth-child(6) .qufo-box::after {
position: absolute;
content: "";
top: 0%;
right: -135%;
transform: rotate(0deg);
background-size: 85%;
}

.service-three .qufo-box {
width: 95px;
height: 95px;
}

.service-three li .qufo-box::after {
right: -135%;
}

.service-three li {
margin-bottom: 40px;
}

.service-three .ny-wrap {
margin: 38px -25px -44px;
}
}

@media (max-width: 991px) {
.seon-ul {
display: none;
}

.seon-boxs {
width: auto;
height: auto;
padding: 0 100px;
border: none;
}

.seon-box {
width: auto;
height: auto;
position: initial;
transform: none;
}

.seon-txt {
display: block;
}

.seon-txt p {
color: #666;
margin-top: 10px;
}

.seon-txt li {
margin-bottom: 20px;
}

.ldy-Switch .ldy-right {
width: 100%;
}

.ldy-Switch .ldy-left {
width: 100%;
display: none;
}

.service-two .swiper-pagination {
display: block;
}

.ldy-Switch .swiper-slide h4, .ldy-Switch .swiper-slide p {
display: block;
}

.ldy-Switch .swiper-slide h4 {
margin: 20px 0 10px;
}

.ldy-Switch .swiper-container {
padding-bottom: 40px;
}

.service-three li .qufo-box::after {
right: -106%;
background-size: 64%;
}

.service-three .ny-wrap {
margin: 38px 0 -44px;
}

.service-three .quality-four {
padding: 50px 0 60px;
}
}

@media (max-width: 767px) {
.seon-boxs {
padding: 0;
width: 80%;
margin: auto;
}

.service-three .quality-four {
padding: 30px 0 45px;
}

.service-three li {
width: 50%;
margin-bottom: 27px;
}

.service-three .quality-four li:nth-child(4n) .qufo-box::after {
display: block;
}

.service-three .quality-four li:nth-child(2n) .qufo-box::after {
display: none;
}

.service-three .qufo-box {
width: 80px;
height: 80px;
margin: 0 auto 10px;
}

.service-three .ny-wrap {
margin: 35px 0 -32px;
}

.service-four li {
width: 100%;
margin-bottom: 20px;
}

.service-five {
padding: 25px 0;
}

.service-five .swiper-pagination {
display: block;
}

.abfi-swiper .swiper-container {
padding-bottom: 40px;
}
}




.btn {
display: inline-block;
*display: inline;
*zoom: 1;
text-decoration: none;
position: relative;
color: #333;
}

.btn16 {
position: relative;
overflow: hidden;
-webkit-transition: all .6s;
transition: all .6s;
}

.btn16 span {
color: #f3981e;
}

.btn16:hover span {
color: #fff;
border-color: #f3981e;
}

.btn16 .bgsqr1 {
background: #f3981e;
position: absolute;
width: 0;
height: 0;
border-radius: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: width .4s,height .4s;
transition: width .4s,height .4s;
z-index: 1;
left: 0\9 !important;
top: 0\9 !important;
}

.btn16:hover .bgsqr1 {
width: 600px;
height: 600px;
}

.btn16 span {
position: relative;
z-index: 33;
}



.quality-three li .icon-img {
width: 64px;
height: 64px;
border-radius: 0;
}

.quality-three li .icon-img1 {
border: none;
border-radius: 0;
}

.quality-three .icon-img::after {
display: none;
}

.quality-three li:hover .icon-img1 {
display: none;
}


.qufo-box2::after {
position: absolute;
content: "";
top: 0%;
right: -108%;
width: 100%;
height: 100%;
background: url(../images/a.png)no-repeat center;
transform: rotateZ(180deg);
}
.com-icon img {
max-width:100%;
}

.case-one .com-ul li {
margin-bottom:2%;
}

.ny-right2 {
width: 100%!important;
}
.ny-right2 img {
max-width: 100%;
}


.brand-two li a:hover h4 {
color: #f3981e;
}
.brand-two .brtw-btn:hover {
color: #f3981e;
}

/*.brand-two li a:hover p {
color: #f3981e;
}*/

.preset-on {
color: #f3981e !important;
}

.preset-on option {
color: #666;
}
.preset option {

}




@charset "UTF-8";

.header-container,
.index-container,
.ny-container {
margin: 0 auto;
padding: 0 15px;
}

@media (min-width: 768px) {
.header-container, .index-container, .ny-container {
width: 750px;
}
}

@media (min-width: 992px) {
.header-container, .index-container, .ny-container {
width: 970px;
}
}

@media (min-width: 1260px) {
.header-container, .index-container, .ny-container {
width: 1230px;
}
}

@media (min-width: 1460px) {
.header-container, .index-container, .ny-container {
width: 1430px;
}
}

@media (min-width: 1680px) {
.header-container, .index-container {
width: 1630px;
}
}

@media(min-width:1920px) {
.header-container {
width: 1750px;
}
}

:root {
--theme-color: #f3981e;
}





.header {
/* background-color: #fff; */
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 100;
/* border-bottom: 1px solid rgba(255,255,255,0.1); */
}

.header {
/* -moz-transition: all .5s;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s; */
}

.pageScroll.header {
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}

.header.scroll {
box-shadow: 1px 1px 10px rgba(0,0,0,.3);
border-bottom: none;
background-color: #fff;
}

.header.ny .navbar .navbar-a {
color: #333;
}

.header.scroll .navbar .navbar-a {
color: #333;
}

.header.ny .header-logo1,
.header.scroll .header-logo1 {
display: block;
}

.header.ny .header-logo {
display: block;
}

.header.scroll .header-logo {
display: block;
}

.header.scroll .nav-search,
.header.scroll .nav-loading,
.header.scroll .header-wrap .tool {
height: 80px;
line-height: 80px;
}

.header.scroll .header-wrap .logo {
margin-top: 19px;
}

.header.scroll .search-box {
top: 80px;
}

.header.scroll .header-logo {
display: block;
}

.header.scroll .header-logo1 {
display: none;
}

.header.scroll .header-wrap .navbar-togger {
padding: 28px 0;
}

.header.scroll .nav-search {
background: url(../images/search2.png)no-repeat center;

}

.header.scroll .nav-search:hover {
background: url(../images/search2.png)no-repeat center;
}

.header.scroll .tool-lan span,
.header.scroll .tool-lan .icon-down {
color: #333;
}

.header.scroll .tool-lan,
.header.scroll .tool-lan:hover {
background: none;
}

.header.scroll .header-wrap {
line-height: 80px;
}

.header-wrap {
line-height: 88px;
transition: all 0.5s;
}

.header-wrap .logo {
float: left;
margin-top: 24px;
display: inline-block;
opacity: 1;
transition: all 0.5s;
}

.header-wrap .logo h1 {
font-size: 0;
float: left;
}

.header-wrap .tool {
float: right;
}



.header-wrap .navbar-togger {
padding: 43px 0;
margin-left: 72px;
transition: all 0.5s;
}

.header-wrap .navbar-togger .icon_bar {
background-color: #f3981e;
width: 32px;
height: 4px;
border-radius: 2px;
}

.header-wrap .navbar-togger .icon_bar:nth-of-type(2) {
margin: 6px 0;
}

/* ?????? */
.nav-search {
background: url(../images/search.png)no-repeat center;
position: relative;
float: right;
height: 88px;
padding: 0px 26px;
}

.tool-lan .icon-down {
font-size: 12px;
margin-left: 4px;
color: #fff;
}

.tool-lan {
background: none;
position: relative;
padding: 0px 26px;
}

.tool-lan span {
font-size: 16px;
color: #fff;
}

.tool-lan ul {
display: none;
position: absolute;
top: 100%;
left: 50%;
width: 200%;
transform: translateX(-50%);
box-shadow: 0 0 20px rgba(0, 0, 0, .06);
}

.tool-lan li {
line-height: 45px;
text-align: center;
}

.tool-lan ul a {
font-size: 16px;
display: inline-block;
background-color: #fff;
width: 100%;
}

.tool-lan ul a:hover {
color: #f3981e;
}

.tool-lan:hover ul {
display: block;
}







.search-box {
position: absolute;
top: 100px;
right: 0;
width: 320px;
opacity: 0;
height: 0;
overflow: hidden;
transition: all .3s;
}

.search-footer .search,
.nav-search .search {
background-color: #fff;
border: 1px solid #777;
border-right: 1px solid transparent;
color: #777;
padding: 0 10px;
width: 260px;
height: 46px;
float: left;
display: inline-block;
}

.search-footer .search {
width: 230px;
border: 1px solid #a7a7a7;
border-right: 1px solid transparent;
}

.search-footer .butt,
.nav-search .butt {
float: left;
width: 60px;
height: 46px;
display: inline-block;
background: url(../images/search.png)no-repeat center;
background-color: #009d85;
}

.search-footer .butt {
width: 59px;
background: url(../images/emall.png)no-repeat center #333;
}

.search-footer:hover .butt {
background-color: #009d85;
}

.nav-search:hover .search-box {
opacity: 1;
height: 52px;
}

/* ??????? */
.navbar {
color: #f3981e;
float: right;
margin-right: 65px;
opacity: 1;
}

.navbar .navbar-ul {
}

.navbar .navbar-li {
float: left;
padding: 0 15px;
}

.navbar .navbar-a {
color: #fff;
display: block;
position: relative;
padding: 0 11px;
}

.navbar .navbar-li:hover .navbar-a,
.navbar .navbar-li.active .navbar-a {
color: #009d85;
z-index: 33;
font-weight: bold;
}


.navbar .navbar-li .navbar-a::after,
.navbar .navbar-li .navbar-a::after {
transition: all 0.5s;
transform: translateX(-50%);
content: "";
display: block;
background-color: #009d85;
position: absolute;
bottom: 0;
left: 50%;
width: 0%;
height: 3px;
}

/* .navbar .navbar-li:hover .navbar-a::after,
.navbar .navbar-li.active .navbar-a::after{width: 100%;} */


/* .navbar .navbar-li.max-drop:hover , .navbar .navbar-li.max-drop.active {background-color: #f3981e;} */
.navbar .navbar-li.max-drop.active::after,
.navbar .navbar-li.max-drop:hover::after {
width: 0%;
}

.navbar-li {
position: relative;
}

.max-drop {
position: static;
}

.dropmenu-two,
.dropmenu {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
z-index: 0;
background: #fff;
max-height: 0;
opacity: 0;
/* overflow: hidden; */
transition: max-height .5s;
border: none;
color: #303233;
/* width: 120%; */
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
height: auto;
padding: 0;
display: none;
}

.navbar-li:hover .dropmenu {
display: block;
}

.max-drop .dropmenu {
width: 100%;
border-top: 1px solid #dee5ed;
}

.nav-PCmenu li:hover .dropmenu-two,
.navbar-li:hover .dropmenu {
max-height: 800px;
opacity: 1;
}
/* ???????????????? */

.dropmenu li > a {
padding: 0 20px;
display: block;
font-size: 16px;
color: #666;
line-height: 59px;
border-top: solid 1px #efefef;
text-align: center;
white-space: nowrap;
/* width: 100%; */
height: auto;
background: 0 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
min-width: 150px;
}

.dropmenu li:hover a {
background-color: #009d85;
color: #fff;
border-top: solid 1px #009d85;
}

.dropmenu-two {
top: 0%;
left: 100%;
transform: none;
padding: 36px 0;
width: 300%;
box-shadow: none;
padding: 0 20px;
text-align: left;
}





/* ?????????????? */
.header.black {
background: #fff;
box-shadow: 1px 1px 10px rgba(0,0,0,.3);
}

.header.black.ny {
box-shadow: none;
}

.header.black .navbar-a {
color: #333;
}

.header-logo1 {
display: block;
float: left;
}

.header-logo {
display: none;
}

.header-logo.black {
display: block;
}

.header-logo1.black {
display: none;
}

.header-wrap .search.black {
background: url(../images/search1.png)no-repeat center right;
}



.footer {
}

.footer .logo h1 {
font-size: 0;
}

.footer-wrap {
position: relative;
padding: 46px 0 47px;
}

.footer-left {
float: left;
}

.bott-share {
margin-top: 26px;
margin-left: 10px;
}

.footer-center {
float: left;
width: 90%;
}

.footer-center dl {
float: left;
width: 12.4%;
}

.footer-center a {
color: #fff;
}

.footer-center dt {
margin-bottom: 22px;
color: #fff;
}

.footer-center dd {
margin-bottom: 10px;
opacity: 0.3;
font-size: 16px;
color: #fff;
}

.footer-right {
float: right;
text-align: center;
}

.footer-right p {
color: #fff;
margin-top: 9px;
}

.fooo {
display: none;
}

.mod_service {
border-top: 1px solid #2d2d32;
padding: 26px 0 27px;
text-align: left;
}

.mod_service p a,
.mod_service p {
color: #606062;
}

.mod_service .ny-right {
text-align: right;
}

.fooo h4,
.mod_service .ny-right h4 {
color: #f3981e;
font-size: 28px;
font-weight: bold;
}

.footer-center dt:hover,
.footer-center dd:hover {
opacity: 1;
}

.footer-center dt:hover a {
color: #f3981e;
}


@media (max-width: 1919px) {
.navbar .navbar-li {
padding: 0 22px;
}

.navbar {
margin-left: 110px;
}
}

@media (max-width: 1679px) {
.navbar .navbar-li {
padding: 0 21px;
}

.navbar {
margin-left: 80px;
}

.navbar .navbar-a {
padding: 0;
}
}

@media (max-width: 1459px) {
/* .navbar .navbar-li{padding: 0 20px;} */
.dropmenu li > a {
padding: 0 6px;
line-height: 48px;
}

.navbar {
margin-left: 70px;
}

.navbar .navbar-ul {
margin-right: -14px;
}

.navbar .navbar-li {
padding: 0 16px;
}

.dropmenu ul .dropmenu-item .dropmenu-right {
padding-left: 30px;
}

.dropmenu ul .dropmenu-item .ztyw-img {
margin-right: 30px;
}

.dropmenu ul .dropmenu-item .ztyw-font {
width: 54%;
}

.dropmenu ul .dropmenu-item:nth-child(3),
.dropmenu ul .dropmenu-item {
padding: 25px 0;
}

.header-wrap {
line-height: 80px;
}

.nav-search,
.nav-loading {
height: 80px;
line-height: 80px;
}

.header-wrap .logo {
margin-top: 12px;
}

.search-box {
top: 80px;
}

.header-logo,
.header-logo1 {
width: 140px;
margin-top: 7px;
}


.bshare-custom a {
margin-right: 10px;
}

.footer-wrap {
padding: 60px 0 50px;
}
}

@media (max-width: 1259px) {
.navbar {
margin-right: 0;
}

.navbar .navbar-ul {
margin-right: -6px;
}

.navbar .navbar-li {
padding: 0 10px;
}

.navbar .navbar-a {
padding: 0 2px;
}

.nav-search, .nav-loading {
margin-right: 20px;
}

.footer-wrap {
padding: 50px 0 45px;
}

.mod_service .ny-right,
.footer-center {
display: none;
}

.fooo {
display: block;
}

.footer-right {
width: 100%;
text-align: left;
}
}

@media (max-width: 991px) {
.mod_service {
padding: 20px 0 65px;
}
}

@media (max-width: 767px) {
.footer-right img {
width: 90px;
}

.fooo h4 {
margin-top: 10px;
font-size: 22px;
}
}

@media (max-width: 400px) {
}

@media (max-width: 321px) {
}


@media (max-width: 1459px) {
}

@media (max-width: 1259px) {
.footer-wrap {
padding: 58px 0 40px;
}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
.footer-wrap {
padding: 40px 0 30px;
}
}








.header-app {
background: #f3981e;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
z-index: 500;
-webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header.open-PCmenu,
.header-app.open-menu {
height: 100%;
background: #fff;
-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header-app .logo {
float: left;
vertical-align: middle;
padding: 17px 12px;
display: flex;
justify-content: space-between;
align-items: center;
}

.header-app .logo img {
width: 70%;
}

.header-app .right-box {
padding-left: 10px;
}

.header-app .red-txt {
font-size: 14px;
}

.header-app .black-txt {
font-size: 12px;
}

.navbar-app {
position: relative;
-webkit-box-shadow: 3px 0 15px 0 rgba(0, 0, 0, .2);
box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
height: 60px;
text-align: center;
background: #fff;
}

.navbar-togger {
float: right;
background: transparent;
border: none;
padding: 22px 15px;
display: inline-block;
visibility: visible;
transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}

.navbar-togger .icon_bar {
width: 24px;
height: 2px;
background-color: #009d85;
opacity: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.navbar-togger .icon_bar:nth-of-type(2) {
margin: 5px 0;
}

.open-PCmenu .navbar-togger .icon_bar:nth-of-type(2),
.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
opacity: 0;
}

.open-menu .navbar-togger .icon_bar:first-child {
-webkit-transform: translate(0, 7px) rotate(45deg);
-ms-transform: translate(0, 7px) rotate(45deg);
transform: translate(0, 7px) rotate(45deg);
}

.open-menu .navbar-togger .icon_bar:last-child {
-webkit-transform: translate(0, -7px) rotate(-45deg);
-ms-transform: translate(0, -7px) rotate(-45deg);
transform: translate(0, -7px) rotate(-45deg);
}

.nav-menu {
position: absolute;
top: 60px;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: 620;
padding: 20px 15px;
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
-webkit-transition: visibility 0s linear 1s;
-o-transition: visibility 0s linear 1s;
transition: visibility 0s linear 1s;
}

.header.open-PCmenu .nav-PCmenu,
.header-app.open-menu .nav-menu {
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.nav-list li {
border-bottom: 1px solid #cfcfcf;
opacity: 0;
pointer-events: none;
}

.nav-list li.open {
border-bottom: none;
}

.header.open-PCmenu .nav-list li,
.header-app.open-menu .nav-list li {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}

.nav-list li:nth-child(1) {
-webkit-transform: translateY(-44px);
-ms-transform: translateY(-44px);
transform: translateY(-44px);
transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
}

.header.open-PCmenu .nav-list li:nth-child(1),
.header-app.open-menu .nav-list li:nth-child(1) {
transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
}

.nav-list li:nth-child(2) {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;
}

.header.open-PCmenu .nav-list li:nth-child(2),
.header-app.open-menu .nav-list li:nth-child(2) {
transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;
}

.nav-list li:nth-child(3) {
-webkit-transform: translateY(-36px);
-ms-transform: translateY(-36px);
transform: translateY(-36px);
transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;
}

.header.open-PCmenu .nav-list li:nth-child(3),
.header-app.open-menu .nav-list li:nth-child(3) {
transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;
}

.nav-list li:nth-child(4) {
-webkit-transform: translateY(-32px);
-ms-transform: translateY(-32px);
transform: translateY(-32px);
transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;
}

.header.open-PCmenu .nav-list li:nth-child(4),
.header-app.open-menu .nav-list li:nth-child(4) {
transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;
}

.nav-list li:nth-child(5) {
-webkit-transform: translateY(-28px);
-ms-transform: translateY(-28px);
transform: translateY(-28px);
transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;
}

.header.open-PCmenu .nav-list li:nth-child(5),
.header-app.open-menu .nav-list li:nth-child(5) {
transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;
}

.nav-list li:nth-child(6) {
-webkit-transform: translateY(-24px);
-ms-transform: translateY(-24px);
transform: translateY(-24px);
transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;
}

.header.open-PCmenu .nav-list li:nth-child(6),
.header-app.open-menu .nav-list li:nth-child(6) {
transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;
}

.nav-list li:nth-child(7) {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
}

.header.open-PCmenu .nav-list li:nth-child(7),
.header-app.open-menu .nav-list li:nth-child(7) {
transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
}

.nav-list li:nth-child(8) {
-webkit-transform: translateY(-16px);
-ms-transform: translateY(-16px);
transform: translateY(-16px);
transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;
}

.header.open-PCmenu .nav-list li:nth-child(8),
.header-app.open-menu .nav-list li:nth-child(8) {
transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;
}

.cate-item {
position: relative;
}

.cate-item a {
font-size: 16px;
line-height: 48px;
margin-right: 60px;
display: block;
color: #444;
}

.nav-list li.active .cate-item a,
.nav-list li.open .cate-item a {
color: #009d85;
}

.category-cont a:last-child {
border: none;
}

.category-cont a.active {
color: #f3981e;
}

.category-tig {
font-size: 14px;
color: #888;
text-align: right;
line-height: 48px;
width: 50px;
height: 48px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.category-tig::before,
.category-tig::after {
content: '';
background: #888;
position: absolute;
top: 50%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.category-tig::before {
width: 16px;
height: 2px;
right: 0;
margin-top: -1px;
}

.category-tig::after {
width: 2px;
height: 16px;
margin-top: -8px;
right: 7px;
}

.nav-list li.open .category-tig::after {
opacity: 0;
}

.nav-list li.open .category-tig::before {
background: #f3981e;
}

.category-cont {
display: none;
}

.nav-list li.open .category-cont {
display: block;
border-top: solid 1px #cfcfcf;
border-bottom: solid 1px #cfcfcf;
}

.category-pad {
padding: 0 15px;
}

.category-cont a {
line-height: 40px;
border-bottom: 1px solid #cfcfcf;
display: block;
color: #666;
}

.category-pad a.active {
color: #f3981e;
}

.app-sousuo {
line-height: 22px;
border-right: solid 1px #f3981e;
padding-right: 15px;
color: #f3981e;
float: right;
font-size: 22px !important;
margin-top: 19px;
}

.alert-search {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
top: 0;
left: 0;
z-index: 9999;
}

.alert-top {
height: 60px;
background: #fff;
padding: 10px 15px;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.alert-top .text {
border-radius: 0px;
height: 40px;
background: none;
border: solid 1px rgba(0, 0, 0, 0.1);
width: 80%;
float: left;
color: #666;
padding: 0 10px;
}

.alert-top .search {
background: url(../images/icon-search.png) no-repeat center;
width: 10%;
height: 26px;
float: left;
margin-top: 7px;
}

.alert-top span {
color: #666;
float: right;
font-size: 20px !important;
margin-top: 8px;
width: 10%;
text-align: center;
}

.app-lanu {
text-align: center;
margin-top: 20px;
}

.app-lanu a {
display: inline-block;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
color: #333;
}

.app-lanu a.on {
background: #f3981e;
color: white;
border-radius: 30px;
}

.app-search {
margin-bottom: 15px;
border: 1px solid #009d85;
}

.app-search input {
width: 86%;
line-height: 38px;
height: 38px;
font-size: 16px;
line-height: 38px;
color: #afafaf;
padding: 0 12px;
}

.app-search button {
width: 38px;
float: right;
height: 38px;
text-align: center;
line-height: 38px;
}

.app-search i {
font-size: 20px !important;
color: #888;
cursor: pointer;
}

.app-sousuo {
line-height: 22px;
color: #f3981e;
float: right;
font-size: 22px !important;
margin-top: 19px;
}



@media(max-width: 1459px) {
}


@media(max-width: 1259px) {
.header-logo, .header-logo1 {
width: 180px;
}

.header {
display: none !important;
}

.header-app {
display: block !important;
}
}

@media(max-width: 1204px) {
}

@media(max-width: 991px) {
}

@media (max-width: 767px) {
.app-sousuo {
padding-right: 10px;
}

.header-app .logo img {
width: 100%;
}

.header-app .logo {
padding: 18px 12px;
	width: 70%;
}

.tool-lan {
background: url(../images/diq1.png)no-repeat center;
float: left;
height: 60px;
}

.tool-che {
background: url(../images/shangc1.png)no-repeat center;
float: left;
height: 60px;
}

.tool-lan:hover {
background: url(../images/diq.png)no-repeat center;
}

.tool-che:hover {
background: url(../images/shangc.png)no-repeat center;
}
}